BROOKLYN THEME: Change menu text color without affecting slideshow

New Member
3 0 0

I need to change the universal menu bar text color without changing the slideshow text color or heading elements. I know that in the brooklyn theme, these two are tied together for some reason.

 

Would love any guidance on how to do this!

 

 

0 Likes
New Member
3 0 0

Anyone?!

0 Likes
Shopify Partner
1657 278 347

Hi,

If you want to change menu text color then you can by following:

1. Add this css in your asset->theme.scss file.

.site-nav li a {
    color: gray;
}

Let me know if you can't find or change.

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
0 Likes
New Member
4 0 0

This doesn't work for me. Any other options?

0 Likes
Shopify Partner
1657 278 347

Send me 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
0 Likes
New Member
4 0 0

i send you a dm with url and pw

0 Likes
Shopify Partner
1657 278 347

Hi @Woods 

Add this code on asset->theme.scss at bottom of file

#AccessibleNav .site-nav__item a {    color: red; }
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
1 Like
Tourist
4 0 0

Hi @Jasoliya, thanks for your suggestions. I had the same problem and implemented your solution, which worked great on the desktop version of the site. Unfortunately however, on the mobile version the menu is still 'hidden', presumably because the text colour is still white (as I can still tap the hamburger menu even without seeing it and the navigation shows up). 

 

Would you have a solution to force the menu text on the mobile version of the site to be black as well? Thanks a lot!

 

Site: www.rozeamelie.com

0 Likes
Highlighted
Shopify Partner
1657 278 347

I think you have changed color from theme editor that affected on all place BTW add this css in Asset->theme.scss file at bottom;

.hero--color-0 .burger-icon,.hero--color-1 .burger-icon,.hero--color-2 .burger-icon {    background: black; }
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
1 Like
Tourist
4 0 0

Hi @Jasoliya 

 

Thank you for taking the time to respond. Unfortunately the solution did not result in the desired effect. However I found out that changing the CSS in slideshow.liquid was effective. I basically changed 

 

          .hero--color-{{ forloop.index0 }} .site-nav__link {
            color: {{ block.settings.slide_text_color }};
       } 

to

 

          .hero--color-{{ forloop.index0 }} .site-nav__link {
            color: {{ block.settings.color_headings }};
       } 
for those with the same issue!
0 Likes