Why is it impossible for me to change the header height on mobile
The template.css have this code,
and i can't change it in custom.css ?
@media (max-width: 575px)
#sp-header {
height: 50px;
}The Header Height is basic settings is set to 60px, but also still show 80px from template.css
Please help
Hi,
This is not fully correct code, missing { }
I guess you want to have 80px value, right?
Have you set it inside Template Options for Mobile view?
In case of .... yes you can use custom CSS, but it should look like that:
@media (max-width: 575px) {
#sp-header {height: 80px;}
}But 680px is more universal value for modern mobile screens.
You can also use !important to force that value.
@media (max-width: 680px) {
#sp-header {height: 80px !important;}
}custom.css file indeed.
Ahh thanks
Logo Height (Mobile) is working, so i just changed that.
When i try to change Basic > Header > Header Height (Mobile) nothing happens.
I noticed that as well, we have to correct that soon.