Docs

[Jade]

HI Chris,

Please add this code in the customizer:

nav.x-nav-wrap.desktop {
    position: absolute;
    right: -25%;
}

Hope this helps.

[Chgrim]

It did work! The only catch is that on pages without a side bar the menus go off the page. Is there anyway to adjust that code so that it only shifts right for pages with a sidebar?

Thank you so much!

Chris

[Joao]

Hi Chris,

Please try this code instead

body.x-content-sidebar-active nav.x-nav-wrap.desktop {
    position: absolute;
    right: -25%;
}

Let us know how it goes,

Joao

[Chgrim]

That worked on almost everything! For some reason any pages that I have Blank No Container | Header,footer still have the menu bar shifting over. Is this a bug or is there a way to fix this? I really like the look of my full background images http://www.topdownreviews.com/cannabis-delivery-locator/ and if I use the Layout full width I end up with these white borders on either edge http://www.topdownreviews.com/marijuana/

Thanks so much!
Chris

[Rue Nel]

Hello Chris,

Thank you for getting back to us. To resolve this issue, please remove the code given in our previous reply. And then you can make use of this code instead:

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

The final result should be like this:
http://prntscr.com/d5s486

We would loved to know if this has work for you. Thank you.

[Chgrim]

Hi,

Sadly that code still causes the menu to move over too far with open Blank No Container | Header,footer.

[Rue Nel]

Hello Chris,

To exclude the Blank No Container | Header,footer page template from the given code, please update it and use this instead:

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

I think this should finally resolve the issue as shown in the screenshot:
http://prntscr.com/d5u2bc

Please let us know how it goes.

[Chgrim]

That did the trick!!

Thanks so much for bearing with me.

Thanks
Chris

[Jade]

You’re most welcome, Chris.

[Chgrim]

One more thing I discovered.

http://www.topdownreviews.com/meadow-review/

If you scroll over the coupons menu at the top right, the submenu appears like it us under the side bar. How do I get it to show up on top?

Thanks
Chris

[Paul R]

Hi Chris,

To fix it, you can add this under Custom > CSS in the Customizer.

@media (min-width: 1200px) {
.x-content-sidebar-active .x-sidebar {
    z-index: 1;
}
}

Hope that helps.

[Chgrim]

That did the trick!

Thanks so much

[Nabeel A]

Glad we could help.

Cheers!

[Author]

Posts