Docs

[BradleyB]

Hi,

I am working on a page with a sidebar. I would like a full width section (something that spans the entire browser window) above where the sidebar starts. How can I accomplish this? Thanks so much!

[BradleyB]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! That’s already fullwidth within the container. You can’t simply make a section edge-to-edge fullwidth without making the whole page fullwidth. To make the whole page fullwidth, you need to set a “No Container” page template.

Cheers!

[BradleyB]

Thanks for your reply. So, you’re telling me that there is absolutely no way to make content go edge-to edge of the browser with a sidebar below it?

[Jade]

Hi Bradley,

Please try adding this custom CSS in the customizer:

.page-id-2804 .x-container.max.width.offset {
    width: 100%;
    max-width: 100%;
}

Hope this helps.

[BradleyB]

Thanks for the reply! The code did not work, however… All it did was increase the entire page’s width. What I want is for the grey are that says “THR Help Line” to be full width (so that the grey bleeds off the sides of the browser). Thanks!

[Nabeel A]

Hi again,

It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

[Author]

Posts