hello together
i am trying with this css see below:
to make the height of the header and the logo mobile smaller
i can not do it
what am i doing wrong
thanks in advance
kind regards
Franz
Hey schweg33,
In your css I see that you are using background-size: contain; this is making your 45px gif fill the 80px area.
Try to remove background-size: contain; from your css, or change it to background-size: auto;
After adjusting the css, please clear your browser cache and check.
Best regards,
Mike
Hello Mike
Thanks
this fits very well at the moment
only the height of the header
I can also adjust the mobile.
thanks
kind regards
Franz
Hi,
I assume you want the mobile header height 45px, try this css:
@media only screen and (max-width: 767px) {
.responsive.avia_mobile #top #wrap_all #header *:not(nav *) {
height: 45px !important;
}
.responsive.avia_mobile #top #wrap_all #header .avia-menu {
top: -16px;
}
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
super, this fits great
thanks mike
you can close this ticket.
kind regards
Franz
Hi Franz,
I’m glad that Mike could help you :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko