Help! Customising Dropdown Menu (Minimal)

Solved
Tourist
8 0 0

Hello Guys,

 

I am trying to figure out how to customize the dropdown menu for the minimal design. I want to change the hover color effect when you hover over the dropdown submenu. The Font color is red by default. I want to change the font to white and the textbox/frame to black when hovering over. Also how do I create a small outline stroke for the dropdown menu?

 

Can anyone help me with that?

0 Likes

Hello ,
Please share your site url.
So that i can check and provide you exact solution here.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
8 0 0

empty link

0 Likes

Please share password.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
8 0 0

empty link

0 Likes

Success.

Shopify Expert
2466 414 519

Hi @IsaacSterkling 

Add this css in Asset-.theme.scss file at bttom:

.site-nav__dropdown a.site-nav__link:hover { background: black;   color: white;}
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
Tourist
8 0 0

Thank you for the quick answer!

 

Just one more thing. How do I create a thin outline stroke around the dropdown menu?

0 Likes

Success.

Shopify Expert
2466 414 519

Add this css:

.site-nav__dropdown,.site-nav__dropdown-grandchild{     border: 1px solid; }
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