Debut Mobile Navigation Hover Color

Solved
New Member
5 0 0

Hi, I've search through all the message boards and could not find a solution that worked for me. Im working on Debut/ Mobile. No issues on desktop.

 

Im trying to get the navigation text green and black when hovered. So far, I got the text to be green and black when hovered, but the dropdown menu has a header that is actually not a link. This header text, however, is also turning black when hovered, so it creates a false sense of being a link. See photo and code below. In the photo, I am hovering over the header that's not a link (it turns black)

 

Lastly, how do I make the navigation links bold (for all, pre-hover and hover). Thanks!

 

.mobile-nav__link,
.mobile-nav__item .icon,
.mobile-nav__sublist-link,
.mobile-nav__sublist-header--main-nav-parent {
color: #00a300 !important;
}

.mobile-nav__link,
.mobile-nav__item .icon,
.mobile-nav__sublist-link,
.mobile-nav__sublist-header--main-nav-parent :focus,
:hover {
color: $color-text-focus;
}

Shopify Hyperlink Color Help.png

 

0 Likes
New Member
5 0 0

Sorry, actually scratch that. The code I pasted in the previously ended up changing a few things on my desktop, so I removed the code and am back to square one. For mobile, the navigation drop down menu is a different color than the other non-drop down links. How do I change this?

 

Still also looking to bold these navigation links as well.

 

Thanks in advance,

0 Likes
Shopify Expert
2165 362 450

hi @Lawrence09 

Send your store url

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
New Member
5 0 0
https://finturely.com/

It hasn't been launched yet, but let me know if you can still gain access, thanks
0 Likes
Shopify Expert
2165 362 450

Yes send me password here or PM me 

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

Success.

Shopify Expert
2165 362 450

Add this css:

.mobile-nav__dropdown .mobile-nav__sublist-header--main-nav-parent,.btn--link{ color: green;}
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
1 Like
New Member
5 0 0

Thank you  Jasoliya, that worked great!

0 Likes