I didn’t want to change the color on the heading and link as it connects and changes my heading color for my products. Is there any way to manually change the colour for both the hamburger icon and search icon in the header?
It’s currently blacked out like this and I want the 2 icons to be white..
Hey @KyanneJewels ,
Please add the following code at the end of your assets/theme.scss.liquid file
.btn--link {
color: aqua !important;
}
You can change color as per your need. Hope this works for you.
Thanks!
Hello @dmwwebartisan @KyanneJewels
Please, could you confirm if this has worked or not? I am currently trying to achieve the same - to convert Search, Basket and hamburger icon into White.
ashnrd
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
.site-header .icon {fill: #fff !important;}
Thanks!
@dmwwebartisan It didn’t work
Brilliant, that’s worked. Thank You!!!
Please add following css for desktop
.site-nav a:not([disabled]):hover, .site-nav a:focus {
color: #3a3a3a !important;
}
Hey @dmwwebartisan It worked on three texts but it hasn’t on the first Shop text.
Please add css for “shop” text.
.site-nav__link:focus .site-nav__label, .site-nav__link:not([disabled]):hover .site-nav__label {
color: #3a3a3a !important;
}
Super, That’s worked!
For the mobile, is it possible to do the underline on each text of the menu with no changing colours when hovering+clicking?
Hey @dmwwebartisan I’m having the same problem with all the icons on the right hand side on both desktop and mobile when I hover + click it still changes colour. Could you help me please?
Please share your store URL.
ashnrd
I can see your menu, search icon and cart icons are not clearly visible. Do you want to change the color of those things in the header?
If yes then which color you prefer?