Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 20, 2020 at 9:56 pm #1205583
    amepro

    Hi all,
    I am customizing a site and, I have two problems:
    1) the logo does not resize according to the size of the screen but only from desktop to mobile
    2) in the case of smaller monitors, the menu must overlap the logo and become illegible
    What can be done to solve the problem?

    Thank you for your support

    April 20, 2020 at 11:21 pm #1205593
    Jordan Shannon

    Hey amepro,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    April 20, 2020 at 11:36 pm #1205609
    amepro

    Hi Jordan following the requested link

    Frontpage

    Thank you very much for your kind support

    April 21, 2020 at 1:08 am #1205617
    Jordan Shannon

    Hi,

    Have you considered switching to mobile sooner? Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Change the value 1024 to the pixel value of your choice.

    Best regards,
    Jordan Shannon

    April 21, 2020 at 9:54 am #1205719
    amepro

    Hi Jordan
    and I changed value till 400px but nothing changes…

    April 21, 2020 at 6:11 pm #1205905
    Jordan Shannon

    Hi,

    You would actually need a number larger than 1024. The idea is to go mobile before the collision happens.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.