Make header menu bold and have hover colour - Envy Theme

Solved
KrisG2
Excursionist
29 1 14

Hi Everyone,

I would like to make my header bolder if possible.

But I would also like to make it so that when the mouse curser hovers over a menu item, the colour of the text changes from white to orange (#FF9F1C) - is that doable?

Any help is appreciated! Link to site is: https://thebespokesignhouse.com/

Many thanks,

Kris

KetanKumar
Shopify Partner
20605 2134 7800

This is an accepted solution.

@KrisG2 

Yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme-index.min.css->paste below code at the bottom of the file.

a.header-link:hover {
    color: #FF9F1C !important;
    opacity: 1 !important;
}
a.header-link {
    font-weight: 600;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KrisG2
Excursionist
29 1 14

This worked, thank you so much @KetanKumar!!!

KetanKumar
Shopify Partner
20605 2134 7800

@KrisG2 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KrisG2
Excursionist
29 1 14

Hi @KetanKumar 

Sorry to bother you again, would you know how to make the same orange hover effect appear on the dropdown menu in the header?

Here's a picture of where I mean and a link to the site https://thebespokesignhouse.com/

Dropdown menu.JPG

Many thanks,

Kris

KetanKumar
Shopify Partner
20605 2134 7800

@KrisG2 

no rush yes please add this code

.dropdown-menu {background: #ff9f1c;}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing