Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #884575

    Hi,

    my menu is overlapping the logo (I suppose this is happening since I added another menu item), when resizing the window or using the ipad (example here).
    Is there a simple setting to define at which resolution the “burger-menu” should appear?

    I already tried several quick CSS codes from older threads but they don’t work for me.
    (I already use some “@media only screen” codes to address some other issues).
    Could you please have a look (login data in private area).

    BR
    Florian

    #884773

    Hey Florian,

    I simply went to Enfold theme options > Main Menu and choose to switch to mobile menu on tablets

    Please review your website :)

    Best regards,
    Yigit

    #884857

    Thanks Yigit!! I was looking for an option like that, but couldn’t find it… :)

    I tested it on my iPad and it works fine for the menu, but it turned out that the social icons shrunk down in size (see here).

    How could that be solved?

    BR
    Florian

    #884859

    Hi,

    So you would like the links to be the same size as the desktop.

    Best regards,
    Jordan Shannon

    #884899

    Hi,

    the social icons should have the same size as the menu icon and the search icon.

    BR
    Florian

    #884966

    Hi Florian,

    I added following code to bottom of Style.css file of your child theme in Appearance > Editor

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .main_menu ul > li > a {
        font-size: 18px;
    }}

    Please review your website :)

    Best regards,
    Yigit

    #884976

    thanks Yigit, it worked fine!!

    #884982

    Hey!

    You are welcome :) Let us know if you have any other questions or issues!

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Menu is overlapping the logo when resizing the screen’ is closed to new replies.