New Shopify Certification now available: Liquid Storefronts for Theme Developers

Adding hover dropdown options for navigation menu

-DM
Excursionist
44 0 5

Hi guys,

 

Currently our navigation bar is setup to where all of our nested menus and their options, all show up when the cursor hovers over the products tab on our site, pictured below. Is it possible to hide the nested options (ex things in dotted lines) and only have them show once the cursor hovers over its main category? We want to cleanup how it looks since it seems messy. Any help is appreciated, thank you!

SnipImage.JPG

Replies 7 (7)
Abdosamer
Shopify Partner
473 78 73

Yeah, it is possible , but I need access to the theme code or screenshot of the code responsible for the header.

Email : abdelrahamansamer71@gmail.com
Buy me a Coffee
Chat on WhatsApp
-DM
Excursionist
44 0 5

I knew I was forgetting something in the post, thank you! here's a link to a copy of the storefront.

https://11ngwoke69ok2fl8-56250236962.shopifypreview.com

Abdosamer
Shopify Partner
473 78 73

Sorry for the late response, I looked into the website, the structure of the header is a little bit tricky , the css used is old fashioned , it is possible to implement the feature but it gonna take some work, I'm available to hire at the moment , so feel free to contact me, I will work on the copy theme and show you the progress and results before pushing it to the live theme.

Side note : I noticed that many images on your store does not have the alt attribute, make sure to add them, this will greatly improve accessibility and make your store more friendly to search engines.

Email : abdelrahamansamer71@gmail.com
Buy me a Coffee
Chat on WhatsApp
-DM
Excursionist
44 0 5

No worries, thank you for your insight and ideas! When you mention images that don't have  the "alt attribute", do you mean the images do not include alt text? I was not sure if they meant the same thing or not?

Abdosamer
Shopify Partner
473 78 73

The html img tag has an alt attribute for example : 

<img src="[image source]" alt="[alt text]">

it is basically a text that describe the image, when images have the alt attribute it affects accessibility, making it accessible for larger audience, also increases SEO, making your store rank higher in search engines.

Email : abdelrahamansamer71@gmail.com
Buy me a Coffee
Chat on WhatsApp
-DM
Excursionist
44 0 5

okay, I think I see what you mean now. Is it possible to achieve that by just adding alt-text to my images? If they have alt-text will they then have an alt attribute?

 

Abdosamer
Shopify Partner
473 78 73

Yeah,  you can achieve that by adding alt-text.

Email : abdelrahamansamer71@gmail.com
Buy me a Coffee
Chat on WhatsApp