Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 20, 2018 at 12:06 pm #944541
    catchbudapest

    Hi,

    we changed our logo, but unfortunately now the menu is overlapping (with the logo) for certain screen resolutions (e.g. tablet, mobile in landscape, etc).

    We had this problem already with our old logo, therefore we are using some Quick-CSS (access data in private content).

    Could you please have a look and give me some input how the overlapping could be avoided for the new logo?

    April 20, 2018 at 6:20 pm #944686
    Nikko

    Hi catchbudapest,

    Thanks for giving us admin access, can you try to add this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:1024px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block !important;
  }
}

@media only screen and (max-width:767px) and (min-width:480px) {
  .responsive #top #header .logo img {
    max-width: 50%;
  }
}

    Let us know if you need further assistance :)

    Best regards,
    Nikko

    April 21, 2018 at 2:27 pm #944909
    catchbudapest

    Hey Nikko,

    seems to work, thanks a lot!!

    April 22, 2018 at 12:47 pm #945028
    catchbudapest

    Hi Nikko,

    I just noted that the menu text is now somehow more centered and too close to the logo:
    before and now.

    Strangely this just happend after I changed the logo file but nothing in the Quick-CSS (or at least I just noted it now).

    Do you have any suggestion how to bring the menu back to the right side?

    April 23, 2018 at 3:07 am #945180
    Nikko

    Hi,

    You’re welcome. :)

    Try adding this css code in Quick CSS just above the code I gave before:

    #top #header .container.av-logo-container {
    padding-right: 0 !important;
}

    Hope it helps :)

    Best regards,
    Nikko

    April 23, 2018 at 9:55 am #945318
    catchbudapest

    Perfect, thanks! :)

    April 23, 2018 at 10:18 am #945332
    Nikko

    Hi,

    Glad that we could help :)
    Please feel free to comeback if you need further assistance or if you have questions to ask.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Menu and Logo overlapping’ is closed to new replies.