Help needed to change the opacity of my drop down menu? Using Brooklyn theme

Solved
t94
Excursionist
19 0 5

Hey there I am trying to change my drop down menu color/opacity because at the moment its just white and clashes with my current hero banner can anyone help me? Site is www.arcmoon.com

KetanKumar
Shopify Partner
20651 2144 7823

This is an accepted solution.

@t94 

Thanks for post.

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

.site-nav__dropdown {
background-color: rgba(255,255,255, 0.5);
}

Color code = rgb(255,255,255)

Opacity = 0.5
change the value as you like

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
t94
Excursionist
19 0 5

hi thankyou for the help this works for the dropdown part of the menu great i have changed the opacity and color with the code you gave me but there is a problem with the top part that you hoover over with the mouse to get the drop down menu (Home, Products)  it is still unaffected and a white box is shown around those words can you help me change that to be the same as the dropdown opacity?

KetanKumar
Shopify Partner
20651 2144 7823

This is an accepted solution.

@t94 

Thanks for update.

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

.site-nav--has-dropdown:hover>a, .site-nav--has-dropdown>a.nav-focus, .site-nav--has-dropdown.nav-hover>a {
background-color: rgba(255,182,193,0.5);
}
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
t94
Excursionist
19 0 5

Thankyou very much this has worked great! 

hasnain28
New Member
2 0 1

bro this code that is provided is not working for me please can you guide me also?

KetanKumar
Shopify Partner
20651 2144 7823

@hasnain28 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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
0 Likes
hasnain28
New Member
2 0 1
0 Likes
KetanKumar
Shopify Partner
20651 2144 7823

@hasnain28 

thanks but your store is password protect 

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
0 Likes