[Jay BParticipant]

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 BParticipant]

This reply has been marked as private.

[Jay BParticipant]

This reply has been marked as private.

[FriechModerator]

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 BParticipant]

This reply has been marked as private.

[Paul RModerator]

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 BParticipant]

Thanks so much that worked perfectly!

J

[Rue NelModerator]

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

[Author]

Posts