Shopify themes, liquid, logos, and UX
hi,
is it possible to underline the text on my menu en not make it white because the background is already white.
is it also possible to make the header white only when i hover the menus?
website: https://www.gallerychristian.com/
password 6399
thanks
Solved! Go to the solution
This is an accepted solution.
x-header.header:hover {
background: white !important;
}
x-header.header:hover * {
color: black !important;
fill: black !important;
}
ul.header__dropdown-menu > li {
text-decoration: underline !important;
}
@christian_russo - please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css
.header__dropdown-menu .link-faded-reverse:hover {color: rgb(0 0 0 / 100%); text-decoration: underline;}
This is an accepted solution.
x-header.header:hover {
background: white !important;
}
x-header.header:hover * {
color: black !important;
fill: black !important;
}
ul.header__dropdown-menu > li {
text-decoration: underline !important;
}
hi!
thanks this worked! but is it possible to only underline it when I hover it? and can I make the box bigger? and make my logo black when I hover the header so you can still see it? thanks!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025