Full width “boxed”
-
Hi. Our theme is a “boxed” theme: the content area has a comfortable max-width, and if the window is wider, there is a background image on the body element that shows on the sides.
When I use a Parallax Scroll section, the scroll background image is stretched to the full width of the window, meaning that it is stretched unnecessarily on a very wide screen, and much of the far sides are cut off. It also means that I need to use a background image for the scrolling section that is as wide as the page window might be, necessitating a much larger file size, or else it looks pixelated on those very wide screens.
Is there anything that I can do in my CSS file to restrict the scrolling background images to the “boxed” width, rather than the full window width?
The topic ‘Full width “boxed”’ is closed to new replies.