hamburger and others not showing on collection pages

Highlighted
Tourist
3 0 2

I have Brooklyn theme and when on the individual collection pages the hamburger, cart, person, and search icon are in white and therefore do not show up on white background.  How can I get them to show up as they do on the home page.  Any help would be appreciated.

1 Like
Highlighted
Shopify Partner
8524 1138 2981

Hello, @Canteen 

Welcome to the Shopify community!
and Thanks for your Good question. 


Please share your site URL,
So I will check and provide 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 Expert | 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
Highlighted
Tourist
3 0 2
canteen-shoppe.myshopify.com

I actually got the hamburger on by changing the code but I noticed the
person icon, search icon and cart are still in white. (when I hoover over
the hand comes up so I know they are there.)

Also if I might ask if you know how to change font size of the drop down
menu. I would like the words to be smaller to be more cohesive with the
rest of the words on the site.
Thank you.
Tara
1 Like
Highlighted

@Canteen 

1. In your Shopify Admin go to
 online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

 

[id] .site-nav__link--icon{
    color: #000000 !important;
}

[id] .mobile-nav__item *{
    font-size: 12px !important;
}

 


You can change the values to your wish:

#000000 = color for the person icon, search icon and cart
12px = font size of the drop down menu

Please let me know whether it works.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Shopify Partner
8524 1138 2981

Hello, @Canteen 

Welcome to the Shopify community!
and Thanks for your Good question.

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

.header-wrapper .site-nav__link, .header-wrapper .site-header__logo a {
    color: #000 !important;
}

 

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 Expert | 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
Tourist
3 0 2
Thank you so much. It worked perfectly. You rock!
0 Likes