Mobile Bottom Navbar – Hides Store Notice

Hey Guys, when enabled, Mobile Bottom Navbar hides my store notice. So people cannot see my sitewide store notice on mobile devices. See https://jellyit.co.za from your mobile and you will see what I mean.

Hello,

I have visited your website. Please add the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.woocommerce-store-notice {
margin-bottom: 55px;
}

You can set the margin value accordingly.

Best Regards.

Thanks this works, however, this raises it on desktop as well which does not look that pretty. How can I make sure your Mobile Bottom Navbar is behind the store notice and not in front of it? So that people can dismiss the notice to see their navbar.

Hello,

You are Most Welcome.

To make it visible over the mobile bottom navbar please Replace the previous code with the following in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.woocommerce-store-notice {
z-index: 999;
}

Best Regards.

[Author]

Posts