Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #867184

    Hey guys,
    I just activated my new website but when watching it on my tablet (ipad pro 9,7) in landscape mode the logo is overlapping with the menu items. Also the three social media buttons are suddenly no longer on the right side but on the left in a new line. I did some screenshots but don’t know how to upload them here.
    You can reproduce the error when resizing the browser slowly:
    http://www.dimension3plus.de

    Hope you could help me.
    Best regards
    Olaf

    #867401

    Hey dendroaspis,

    Please, may you provide to us your website link and the WP and FTP credentials?

    Best regards,
    John Torvik

    #867564

    Hey John,
    Thanks for your answer. The website link is: dimension3plus.de
    The website based on the enfold 2017 demo which I imported in the first place. I just modified the already existing menu.
    Maybe you can tell me what parameters I have to change?

    Best regards,
    Olaf

    #867645

    Hi Olaf,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #868620

    Hi Victoria,
    Thanks for your help! With this code added I now see the burger menu on the ipad in landscape mode instead of the overlapping items. That’s much better.

    Best regards,
    Olaf

    #868840

    Hi Olaf,

    Glad we got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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