Product photo & navigation issue

Solved
Explorer
240 0 20

I noticed that if I am on a product page and want to go to another page in the navigation directly above the large product image, that the photo takes over and hides the navigation. I tried adjusting the space below the navigation, and that doesn't work. So it's the Jewelry & Apparel, which are the important links lol How can I fix this?

 

https://bohemianbangles.com/collections/tops-tunics/products/dirty-hippie-graphic-tee

 

 

 

.Shopifyex.JPG

0 Likes
Highlighted
Shopify Partner
1756 289 374

Hi,

I have checked in store i think navigation working fine let me know when it hide and in which situation.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
Explorer
240 0 20

You didn't notice it because I added two menu items on the left so I could push my jewelry & apparel categories over. It happens when on the product page like the one shown. When you hover over the menu, it drops down but then the picture takes over and the menu doesn't stay shown, so the menu disappears and they wouldn't be able to click on any of the menu items.

 

0 Likes
Shopify Partner
462 80 94

I guess you have the following issue, don't you ?

 

check the following gif-screenshot

wXFTmee

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes
Shopify Partner
462 80 94

The problem in z-index and it is very easy to fix.

Go into Edit code,  then find file stylesheet.css, or stylessheet.scss, whatever is there.

scroll at the very bottom of that file and add the following rule.

.slideout-panel {
	z-index: 4;
}
Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
1 Like
Explorer
240 0 20

Yes lol that is the one! Why is that happening?

0 Likes
Shopify Partner
462 80 94

@Lisa_H 

))) I have already written above, why... and wrote the solution as well.

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes
Explorer
240 0 20

That fixed it. Thank you SO much!!! 

1 Like
Explorer
240 0 20

I saw you mention z index....I have no idea what that is, sorry.

0 Likes
Shopify Partner
462 80 94

@Lisa_H 

You're mostly welcome.

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes