Liquid, JavaScript, themes, sales channels
Hello and thank you to anyone taking the time to assist me. I've recently changed specific parts of text (font and color) using the Fontify app. But I'm having problems with the mobile version: the text in the header section is white on the desktop version (black background) but on mobile the buttons for the drop down menu remain black, and the writings of the menu are white on white.
Could anyone please help me? The URL is https://ilpescatorevero.com/.
Solved! Go to the solution
This is an accepted solution.
@AndreaRigoldi
Try the following code:
.site-header svg{
fill: #ffffff !important;
opacity: 1;
}
.site-header svg:hover{
fill: #ffffff !important;
opacity: 1 !important;
}
.mobile-nav__link{
background: #010101!important;
color: #ffffff !important;
}
#MobileNav{
position: relative;
top: -1px;
}
Kind regards,
Diego
@AndreaRigoldi, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:
.site-header svg{
fill: #ffffff !important;
opacity: 1;
}
.site-header svg:hover{
opacity: .8 !important;
}
You can change the #ffffff to any hex color you'd like.
Please let me know whether it works.
Kind regards,
Diego
That works perfectly. But I still have to ask about the drop down menu titles (on mobile): they look white on white, they look black only when I hover over them.
Ideally I would want white text on black (#010101).
@AndreaRigoldi
You can delete the previous code and use this one instead:
.site-header svg{
fill: #ffffff !important;
opacity: 1;
}
.site-header svg:hover{
fill: #ffffff !important;
opacity: 1 !important;
}
Kind regards,
Diego
I've done as you said but the problem remains.
This is an accepted solution.
@AndreaRigoldi
Try the following code:
.site-header svg{
fill: #ffffff !important;
opacity: 1;
}
.site-header svg:hover{
fill: #ffffff !important;
opacity: 1 !important;
}
.mobile-nav__link{
background: #010101!important;
color: #ffffff !important;
}
#MobileNav{
position: relative;
top: -1px;
}
Kind regards,
Diego
Works a charm, thanks a lot!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024