Hi, is it possible disable logo by css when browers is resized under specified pixel?
For example i should remove logo when windows is under about 800 px… my problem is, I have some menù, and when I resize browers too much, menu items overlap whit my logo!
you can see the result in this stamp:
Can you help me, please?
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 767px) {
.logo{ display: none; }
}
Adjust as needed.
Cheers!
Josue
Hi Josue, thanks for your support, i have tried your solution but not work. :-(
Logo is always visible on top, i have tried some “max-width settings”, but whithout good result..
Are you sure css syntax is correct?
is there another way to set this option?
thanks
Andrea
Hey!
Try with this instead:
@media only screen and (max-width: 989px) { .logo{ display: none !important; } }
Best regards,
Josue
Hi Josue, thanks for your support, with your code logo disappears only when mobile menù (on top right screen) is visible…. but is it possible determine when mobile menù appair?
Andrea
Hey!
Yes, use this code:
@media only screen and (max-width: 1200px) {
.main_menu, #header_main_alternate{display:none;}
.container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
#mobile-advanced{display:block;}
}
Just change “1200px”.
Cheers!
Josue
Hi Josue, very good support!! :-) thank you for your support, you can close the ticket.
Andrea
You are welcome Andrea, glad to help :)
Regards,
Josue