Stretch row

[TomasJarvling]

Hi.
I am working on this page: http://copilates.jarvendesign.se/nykopings-danscenter/
Is there any way to stretch the row with the dancers so that it covers the screen from left to right?

[lely]

Hi @TomasJarvling,

Yes, I can see you have froce structure to overflow main container using the following custom CSS

.x-force-full-width, .x-colophon {
    position: relative !important;
    left: calc(0vw - ((50vw - (1170px / 2) + 1em)));
    width: calc(100vw + 3em);
    padding-left: calc((50vw - (1170px / 2)) + 1em) !important;
}

I will explain your current structure for ease of adjusment.
Currently, for your site page, there is a container with class .site. Every content on that page is inside that site container. Then on this site container, there is a custom CSS, left padding the moves everything to the right, giving you space on the left to give you to your logo.

Since you don’t want don’t space for other section, you need now to remove those custom CSS padding for site. Add it instead on each section where you want the space. Also on the header and the footer. Basically, instead of pushing the whole site to right, you will push it part by part so you can leave the dances section edge to edge as you need.

See this screencast: https://screencast-o-matic.com/watch/cYfeXx4d4c

Hope this helps.