Tagged: , , ,

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • October 11, 2017 at 3:51 pm #862935
    Dataplus_gmbh

    Hi Kriesi-Team.
    According to my problem, I found an old thread with the same problem. I just guess, the mentioned image-width etc. in the code is aimed for the threadstarter and not suiteable for my logo dimensions etc. :
    https://kriesi.at/support/topic/menu-overlapping-logo-when-resizing-browser-window/

    Could you please help me to solve the problem with a suitable code or another tipp, so the menu is noch overlaying the logo on the left when resizing the browser window?

    Thanks for your help.

    Greetings,
    Manuel

    October 11, 2017 at 4:15 pm #862943
    Yigit

    Hey Manuel,

    Authentication required. Can you please post username and password for it as well?

    Best regards,
    Yigit

    October 11, 2017 at 4:21 pm #862946
    Dataplus_gmbh
    This reply has been marked as private.
    October 11, 2017 at 4:34 pm #862951
    Yigit

    Hi,

    They do not seem to work for me. Could you please check them once again? :)

    Best regards,
    Yigit

    October 11, 2017 at 4:43 pm #862953
    Dataplus_gmbh
    This reply has been marked as private.
    October 11, 2017 at 5:23 pm #862972
    Yigit

    Hey!

    Sorry but they are the same. Nevertheless, i tried again and still did not work. Maybe they are providing logins for the wrong site? :)

    Cheers!
    Yigit

    October 12, 2017 at 10:42 am #863331
    Dataplus_gmbh
    This reply has been marked as private.
    October 12, 2017 at 10:48 am #863335
    Dataplus_gmbh
    This reply has been marked as private.
    October 12, 2017 at 1:40 pm #863411
    Victoria

    Hi Dataplus_gmbh,

    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 (min-width: 768px) and (max-width: 1395px) {
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special, #menu-item-search {
    display: block;
  }
}
.av-main-nav > li > a {
    padding: 0 8px;
}

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

    October 12, 2017 at 2:33 pm #863444
    Dataplus_gmbh

    Hi Victoria.

    Thanks a lot for your immediate help – it works perfect.

    Unfortunately I just got another problem with this new situation I´m not able to manage myself.
    I got some submenus in the main menus “Standardprodukte” and “Unsere Kompetenzen”, which appear when swiped by the mouse cursor.
    When i resize the browser window now to the level the mobile-menu appears, this submenus don´t appear anymore or are no more “clickable”.

    Do you have an idea for that problem?

    Thanks a lot and greetings
    Manuel

    October 12, 2017 at 3:15 pm #863465
    Victoria

    Hi Manuel,

    Yeah, that issue with the mobile menu has been there for a while, so if you can keep the menu setting to be open on mobile for a while, would be nice.
    Here is a thread with other solutions
    https://kriesi.at/support/topic/sub-menu-do-not-appear-in-mobile-menu-since-4-1/#post-823575

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

    October 12, 2017 at 3:47 pm #863488
    Dataplus_gmbh

    Thanks for the link and your kind help – it works for me perfectly with the mobile version menu-option “submenu appear when hover…” as a compromise. :-)

    This thread can be closed.

    Thanx and greetings
    Manuel

    October 13, 2017 at 2:56 am #863714
    messmeriza

    Hi Victoria,

    I had the same problem and used the latest code you provided Manuel on October 12, 2017 at 1:40 pm.

    I had to change (max-width: 1395px) to (max-width: 800px) so that it would work for me. But now when the first menu item is about to touch the right side of the logo the menu disappears when you resize it and the mobile menu only appears after you keep resizing.

    Can you please tell me how I can make the mobile menu appear right away when the visitor continues to resize the window.

    Homepage

    Thanks,
    Carolin

    October 13, 2017 at 3:50 pm #864010
    Victoria

    Hi Carolin,

    Can you post the exact code you put, please?

    Best regards,
    Victoria

    October 13, 2017 at 5:39 pm #864066
    messmeriza

    @media only screen and (min-width: 768px) and (max-width: 800px) {
    .menu-item {
    display: none;
    }
    .av-burger-menu-main.menu-item-avia-special, #menu-item-search {
    display: block;
    }
    }
    .av-main-nav > li > a {
    padding: 0 8px;
    }

    October 17, 2017 at 3:42 am #865063
    Ismael

    Hi,


    @messmeriza    : Please create a new post or thread with the site url and the login credentials. We’ll check it there. For now, go to the Enfold > Main Menu > General panel. Set the “Menu Items for mobile” to the second option then add the CSS code to have the mobile menu display when the screen width is less than 1366px.

    @media only screen and (max-width: 1366px) and (min-width: 768px) {
  .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;
  }
}

    Best regards,
    Ismael

    October 17, 2017 at 7:51 pm #865431
    messmeriza

    Hi Ismael,

    sorry I can’t find where ‘Enfold > Main Menu > General panel’ is.
    Therefore I have not put in the code you gave me yet.

    I have given you the url and login in the private data.

    Thanks for your help!
    Carolin

    October 18, 2017 at 10:54 am #865638
    Victoria

    Hi Carolin,

    You can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 20, 2017 at 12:06 am #866525
    messmeriza

    Thanks Victoria. I have put it into the Quick CSS and it worked.
    Carolin

    October 21, 2017 at 5:36 am #866958
    Ismael

    Hi,

    Great! Let us know if you need anything else. We’ll close the thread for now.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘Menu overlaps logo in resized browser’ is closed to new replies.