Full width row

  • husbandman

    (@husbandman)


    5 years, 10 months ago

    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 5 years, 10 months ago by Jan Dembowski.
Viewing 1 replies (of 1 total)
  • Joy

    (@joyously)

    5 years, 10 months ago

    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.