Docs

[Jay B]

Hello X!

I’m drawing very near on completion of this pizza delivery website built on X and Cornerstone 😀 It works like no other and is almost ready to launch and showcase on the X Theme facebook group. I hope you like it!! The clients love it!

I need a hand with some CSS if I can. I am using a fixed top navbar but as you can see when in the screenshot scrolling down the page the Navbar gets hidden behind the cart element I’ve implemented into the top. Could you provide me with a fix so as the fixed top navbar stops at the transparent cart element allowing users to select without having to scroll to the top of the page again?

Thanks in advance for your support 😀

J

[Jay B]

This reply has been marked as private.

[Jay B]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing! You can add this under Custom > CSS in the Customizer.

#wppizza-mini-cart.wppizza-mini-cart-static {z-index: -1;}

Cool design bye the way.

Cheers!

[Jay B]

This reply has been marked as private.

[Paul R]

Hi Jay,

Kindly replace the code provided with this.

#wppizza-mini-cart.wppizza-mini-cart-static {
    top: 0;
    position: fixed;
    z-index: 9999;
}

body .x-navbar.x-navbar-fixed-top {
    top:38px !important;
    z-index: 9999;
}

Hope that helps.

[Jay B]

Thanks so much that worked perfectly!

J

[Rue Nel]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Author]

Posts