Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #412633

    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:

    image overlap

    Can you help me, please?

    #412709

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
    .logo{ display: none; }
    }

    Adjust as needed.

    Cheers! 
    Josue

    #413072

    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

    #413263
    This reply has been marked as private.
    #413305

    Hey!

    Try with this instead:
    @media only screen and (max-width: 989px) { .logo{ display: none !important; } }

    Best regards,
    Josue

    #414013

    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

    #414017

    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

    #414019

    Hi Josue, very good support!! :-) thank you for your support, you can close the ticket.

    Andrea

    #414023

    You are welcome Andrea, glad to help :)

    Regards,
    Josue

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘disable logo when resize browers’ is closed to new replies.