Shopify themes, liquid, logos, and UX
Hi all,
Kindly advise how do I change the header colour for my Menu 1 Bar in the header section as my accent colour applies to only my Menu 2 background.
I need to know how to just edit the Menu 1 background.
My Menu 1 : is using background colour (but changing this colour also changes other parts of the wesbite that share this colour)
Hello @YogaBear
This is Amelia at PageFly - Shopify Advanced Page Builder app.
Could you please share the URL link of your store so we can check it for you?
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
You can try the following steps I have provided to help you solve the problem you are facing:
Step 1: Online Store -> Themes -> Edit Code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>
<style>
.menu-top {
background-color: #000;
}
.menu-top a {
color: rgba(#fff, .75)
}
</style>
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
@PageFly-Amelia
How would I then change the colour of the the text now that it's black, I need the text to be white.
You can try this code instead
<style>
.menu-top {
background-color: #000;
}
.menu-top a {
color: #fff !important;
}
</style>
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
@PageFly-Amelia
Omg it worked !
Is there a way I can centralize the text into the middle of the website?
@YogaBear Please follow below steps to change the background color of the menu. Let me know whether it is helpful for you.
.section-header .menu-top {
background-color: #FFFFFF !important;
}
@YogaBear Remove existing code and add below code to change the background color to "Black" and text color to "White" and center align the menu. Let me know whether it is helpful for you.
.section-header .menu-top {
background-color: #000000;
text-align: center;
}
.section-header .menu-top a {
color: #FFFFFF !important;
}
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024