Why does my Charge Theme navigation menu disappear on hover?

Why does my Charge Theme navigation menu disappear on hover?

NeginA
Shopify Partner
55 0 5

Anytime I hover down the menu....the navigation menu titles disappear 

Please see below - your help is greatly appreciated!

Screenshot 2024-03-11 at 1.16.11 PM.png

Replies 2 (2)

tim
Shopify Partner
4705 574 1701

When you hover over menu item its colour is changed to another which is defined as --color-base-accent-1 .

In your Color scheme this is set to transparent -- rgba(0,0,0,0).

 

You need to find this in theme settings and change to something visible.

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

Vinsinfo
Shopify Partner
491 167 172

@NeginAPlease follow below steps to display menu titles on hover and let me know whether it is helpful for you.

 
1. From admin, go to "Online Store" -> "Themes".
2. Click "Customize" button from the current theme.
3. Select the "Header" section and paste below code in the "Custom CSS" field. You can update color as you want.

 

.header .header__menu-item-top:hover {
  color: #000000 !important;
}

 

priyavinsinfo_1-1710221705749.png

4. Then click "save".

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support