-
-
Hi Mirela,
I try this CSS code too change the background color of the main header (for mobiles devices and tablets) but this code is not correct. Moreover the logo (which is white )is very tiny, how can i enlarge it ?
@media (max-width: 991px)
.header_container * {
1. box-sizing: border-box;
2. background-color:#20263a ;
}Thanks for your help.
Emmanuel
https://drive.google.com/open?id=1FFWoRgokP_xiumfxf_Kylt2ZBy2VX7d0
-
Hello,
First, when finding the css to customize, do not ever see the backend. Check only front-end/live site. The css you pasted(if is exactly like that) has errors.
Try adding this one:/*mobile*/ @media (max-width: 480px){ #logo img { height: 60px;} .cl-mobile-menu-button span { background-color: #fff; } .header_container * { background-color: #20263a; } } /*tablet*/ @media (min-width: 1024px){ #logo img { height: 60px;} .cl-mobile-menu-button span { background-color: #fff; } .header_container * { background-color: #20263a; } }
Mobile result screenshot: https://ibb.co/0hbZKZB
Change the values for tablet, to your wish (i used the same as for mobile for this example).Best regards!
-
Hi Mirela,
Many thanks for the css code and your advice.
Regards
Emmanuel
-
You must be logged in to reply to this topic.