Product photo & navigation issue

Solved
Highlighted
Explorer
240 1 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 Expert
3479 543 820

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
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Explorer
240 1 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
Highlighted
Shopify Partner
482 86 121

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
Telegram: @sarhov
Try Shopify free for 14 days,
0 Likes
Highlighted
Shopify Partner
482 86 121

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
Telegram: @sarhov
Try Shopify free for 14 days,
1 Like
Highlighted
Explorer
240 1 20

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

0 Likes
Highlighted
Shopify Partner
482 86 121

@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
Telegram: @sarhov
Try Shopify free for 14 days,
0 Likes
Highlighted
Explorer
240 1 20

That fixed it. Thank you SO much!!! 

1 Like
Highlighted
Explorer
240 1 20

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

0 Likes
Highlighted
Shopify Partner
482 86 121

@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
Telegram: @sarhov
Try Shopify free for 14 days,
0 Likes