Shopify themes, liquid, logos, and UX
Hi, I want to change the background colour of the Header which holds my menu at the top.
I am using Damn theme and currently whenever I shroll my page, the header will stay on top with a transparent background. I tried selecting the Background colour to Background 1 and Background 2 but in vain. Pls help
Solved! Go to the solution
This is an accepted solution.
Hi @JudithAY ,
I understand that you want to change the background color of your header.
You can try this code.
eader.header.header--top-center.page-width.header--has-menu {
background-color: red;
}
This is an accepted solution.
It works. Thank you
I did that but it doesn't work, the header background which I sticked to remain at the top becomes transparent
@JudithAY From over here you can change the header background colour
customize->header->color scheme
or you can use css to change the background color
sticky-header.header-wrapper.color-background-1.gradient.header-wrapper--border-bottom {
background-color: antiquewhite; //you can change the color according to your desire
}
I tried putting your code in the custom css but it said cannot be saved
This is an accepted solution.
Hi @JudithAY ,
I understand that you want to change the background color of your header.
You can try this code.
eader.header.header--top-center.page-width.header--has-menu {
background-color: red;
}
This is an accepted solution.
It works. Thank you
Welcome, Happy to help.😊
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024