Title: Full width row
Last modified: May 28, 2020

---

# Full width row

 *  [husbandman](https://wordpress.org/support/users/husbandman/)
 * (@husbandman)
 * [6 years ago](https://wordpress.org/support/topic/full-width-row-4/)
 * Here is something I found that works for me and I thought I would share it. If
   you are using a theme that has a block layout for a page but you what the row
   to stretch across from edge to edge I found I could do it without JS and just
   CSS.
 *     ```
       .fullwidth-row {
           position: relative;
           left: calc( calc( calc(100vw - 100%) / 2 ) * -1 );
           margin-bottom: 3rem !important;
           width: 100vw;
       }
       ```
   
 * Put this in the Customizer CSS and then in your Gutenberg block under Adavnced
   in the calls add fullwidth-row
    -  This topic was modified 6 years ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/).

Viewing 1 replies (of 1 total)

 *  [Joy](https://wordpress.org/support/users/joyously/)
 * (@joyously)
 * [6 years ago](https://wordpress.org/support/topic/full-width-row-4/#post-12907532)
 * Thanks, but that only works if there is no sidebar, right?
    And I suppose you
   could use translate instead of positioning?

Viewing 1 replies (of 1 total)

The topic ‘Full width row’ is closed to new replies.

## Tags

 * [full-width](https://wordpress.org/support/topic-tag/full-width/)
 * [gutenberg block](https://wordpress.org/support/topic-tag/gutenberg-block/)
 * [stretch](https://wordpress.org/support/topic-tag/stretch/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [Joy](https://wordpress.org/support/users/joyously/)
 * Last activity: [6 years ago](https://wordpress.org/support/topic/full-width-row-4/#post-12907532)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics