Hi together,
at my site http://www.rundumskinderzimmer.de I have got a problem with the top menu icon on smallest smartphone view. Here the menu icon moves over my logo. (advanced_menu_toggle)
I thought my logo is not too big but it seems to be that it is not scaled correclty.
Is there anybody how knows to control this behaviour in best way?
Best regards
Steffen
Hey tcoq!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 480px) {
.responsive .logo { height: 110px; }
#advanced_menu_toggle { top: 74%; }}
Cheers!
Yigit
Great! Thank you…
I take the solution from Josue. This works perfect:
@media only screen and (max-width: 479px) {
.logo img{
width: 80% !important;
position: relative;
top: 8px;
}
}