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.
Minimal ElectronicsPortfolio
(live demo, opens in a new tab)
Hipster StoreFashion
(live demo, opens in a new tab)
BeautyFashion
(live demo, opens in a new tab)
Plumbing StoreWPBakery
(live demo, opens in a new tab)
CorporateBusiness
(live demo, opens in a new tab)
Electron Store 02Electronics
(live demo, opens in a new tab)
Ecotransport StoreElectronics
(live demo, opens in a new tab)
Yoga AccessoriesSports & travel
(live demo, opens in a new tab)
HotelBusiness
(live demo, opens in a new tab)
Interior StoreBusiness
(live demo, opens in a new tab)
Handmade artisansElementor
(live demo, opens in a new tab)
Painting studioElementor
(live demo, opens in a new tab)
Baby ShopToys & games
(live demo, opens in a new tab)
RestaurantFood & drinks
(live demo, opens in a new tab)
Electronic Mega MarketElectronics
(live demo, opens in a new tab)
Makeup StoreBeauty
(live demo, opens in a new tab)