Move Navigation in mobile down (overlaps announcement bar) - need to edit z-index

Solved
cftsr
Excursionist
21 0 6

Hi,  

The navigation bar on my mobile site is overlapped by the announcement bar in the header.

How should I change the z-index to lower the navigation bar so that there is no overlap?

Thanks in advance.

 

0 Likes
Pallavi
Shopify Expert
1286 174 212

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
cftsr
Excursionist
21 0 6

Hi Pallavi,

Please see the store details below.

0 Likes
Natztech
Shopify Partner
625 167 417

This is an accepted solution.

@cftsr 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.mobile-nav-wrapper {
	top: 44px !important;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
cftsr
Excursionist
21 0 6

Thanks @Natztech ! it worked! appreciate your quick response.

0 Likes