Docs

[Chgrim]

Hi,

I have this page

Ease Promo Code

I want the header menu to go all the way across the page and the sidebar to rest underneath it. How would I do this?

Thanks
Chris

[Lely]

Hello Chris,

Upon checking, you’re using Icon stack. By default it’s sidebar is fixed. What you’re trying to achieve is possible with other stack RENEW, ETHOS, and INTEGRITY. There’s a lot of customization needed to achieve what you want which is beyond the scope of our support. Thank you for understanding.

[Chgrim]

Hi,

You guy were able to help me before. I was able to use my original code to get it to look like this

Ease Promo Code

The problem is my code

body.x-content-sidebar-active nav.x-nav-wrap.desktop {
    position: relative;
    margin-right: -250px;
}

Doesn’t seem to be working to make the top bar full width.

Thanks
Chris

[Rue Nel]

Hello There,

Thanks for updating in! Regretfully that is not possible. Making the header fullwidth would mean moving the whole heade content to shift to the left. Do you want something like this?

If that is the case, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media (min-width: 1200px){
  .x-content-sidebar-active .masthead-stacked {
    width: calc(100% + 250px);
  }
  .x-content-sidebar-active .x-sidebar {
    margin-top: 101px;
  }
}

Hope this helps.

[Chgrim]

That did the trick!

Only one thing that I am noticing now. When I scroll down the page I see the gray background behind the sidebar. Is there a way to either make the sidebar locked to the page as I scroll down, or change that gray to be white?

Thanks so much!

Chris

[Chgrim]

Oh an also I noticed that the menu box for ondemand actually goes underneath the sidebar. Is there a way to get it ontop?

Thanks!
Chris

[Christopher]

Hi there,

#1

Is there a way to either make the sidebar locked to the page as I scroll down

Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Please change body background under Customize -> Layout and design.

#2 You need to move menu to left to fix this, to do so find and remove following :

body.x-content-sidebar-active:not(.page-template-template-blank-4) nav.x-nav-wrap.desktop {
    position: relative;
    margin-right: -250px;
}

Hope it helps.

[Author]

Posts