How to get full width header + right sidebar underneath?

Support
#1

Hey guys. I hope i can explain this in the best way possible.

As for now on my site https://casinoorbit.com/casinos/legolasbet/ (here im listing reviews)

im using default template, blank - no container - header, foter. As i like to do the first section/header full width.

I wanted to ask would it be possible to have same template + right sidebar underneath first section / header, with full width?

if i select the layout - content left, sidebar right. The first section / header will not be in full width, and i would love to have the right sidebar, but with full width header on top.

As it would be nice to list other posts in the sidebar, or more info etc etc.

I hope my explanation makes sense hehe.

#2

Hello Niklas,

Yes it is possible. Set the page to use template with right sidebar. Then to override container of the navigation, we can use CSS, try adding the following custom CSS on Theme Options > Global CSS:

.x-navbar-wrap .x-container.max.width {
    max-width: 1200px;
    width: 88%;
}

Adjust the values accordingly. In case you want it for specific page only, we need to add page specific class like this:

.page-id-307 .x-navbar-wrap .x-container.max.width {
    max-width: 1200px;
    width: 88%;
}

The following CSS might help you:

#3

Hey and thank you for the reply, i added the CSS code. But did not help :confused:

Im using sections and rows as headers.

In page setting i selected - layout - content left, sidebar right

#4

Hi NIklas,

I am not sure if I am following the setup you’re having.

Do you mean that you are creating the headers inside content editor? As part of the content, the very first section? If that is yes, Layout -content left, sidebar right will not work. What you need instead is either is use other template, and then utilize section to achieve this. The first section will be 1 column with the header. The second section can have rows with 2/3 +1/3 columns. Build the content of the sidebar from scratch on 1/3 columns.

Hope this helps.

#5

Yeha im using like this:

So there is no way for me to get a right sidebar under the full with Section 1?
I need to find a new template right?

Yeah ok, gotcha, 2/3 +1/3 will do then.
Thank you so much for your reply. - I guess we can close this post.

#6

Hey Niklas,

Yes, there is no way as the content area is separate from the sidebar.

Yes, try the Blank No Container | Header Footer page template as that will not display the sidebar. For more details about page templates, please see https://theme.co/apex/forum/t/meta-options-pages/144

You still can display the sidebar because there of the Widget Area element which allows you to display sidebar contents anywhere in the builder.

Hope that helps.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.