Hello,
please add following css code to Custom css:
@media only screen and (max-width: 979px){
.header{
background-color:red;
}
}
Regards,
Stan Russell.
Solved11 replies4 participantsUpdated by Jack Richardson
Hi! How can I change header color from white to any other on mobile devices site version?
Hello,
please add following css code to Custom css:
@media only screen and (max-width: 979px){
.header{
background-color:red;
}
}
Regards,
Stan Russell.
It works, thanx a lot! But pop-up header is still white, can I change it too?
Hello,
Please use this code in custom.css
@media (max-width: 979px){
.fixed-header {
background-color: #000;
}}
Regards,
Robert Hall
I don’t know why, but after changes it’s still white.
http://imgur.com/PIqCPlU
It’s black now. See screenshot: https://gyazo.com/f83a74139560acdeccf53d650b5b143d
Regards,
Robert Hall
I don’t know what I’m doing wrong, but on my cellphone it’s white – no changes 🙁 In horizontal and vertical version.
Please clear all cache and check it.
Regards,
Robert Hall
I tried on three different phones (with Android) – on all three is white on the pop-up header.
Hello,
I’ve added “!important” to the code.
Please clear cache and check now.
Best regards,
Jack Richardson.
Yeeeeah! Thanx a lot.
🙂
Hello,
You’re welcome.
Best regards,
Jack Richardson.
The issue related to '‘Header color on mobile version’' has been successfully resolved, and the topic is now closed for further responses
Free AI store scan · SalesMax
Paste your store address. SalesMax AI shows which upsell moments are missing. No signup.
Free AI speed test · FlashMax
Paste your site address. FlashMax runs Google Lighthouse for phone and desktop, checks Core Web Vitals and lists what to fix. No signup.
TravelBusiness
(live demo, opens in a new tab)
Animals StorePets
(live demo, opens in a new tab)
BarbershopBeauty
(live demo, opens in a new tab)
Artmaxy StoreWPBakery
(live demo, opens in a new tab)
Digital Marketing AgencyElementor
(live demo, opens in a new tab)
EcoenergyElementor
(live demo, opens in a new tab)
Minimal ElectronicsPortfolio
(live demo, opens in a new tab)
Kids StoreToys & games
(live demo, opens in a new tab)
Crypto Mobile AppElementor
(live demo, opens in a new tab)
TypographyWPBakery
(live demo, opens in a new tab)
Hemp & CDBElementor
(live demo, opens in a new tab)
Architecture StudioPortfolio
(live demo, opens in a new tab)
SkateBusiness
(live demo, opens in a new tab)
Default RTLFashion
(live demo, opens in a new tab)
Organic milk farmFood & drinks
(live demo, opens in a new tab)
Handmade StoreBeauty
(live demo, opens in a new tab)