Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 28, 2018 at 11:18 pm #934623
    hostworks

    I have enabled Activate for Smartphones and Tablets (browser width below 990x), but it still overlays.

    March 29, 2018 at 3:53 am #934662
    Vinay

    Hey hostworks,

    Please activate the burger menu just before the menu starts to run into the logo by adjusting the max-width value in the below code:

    /* Activate burger menu */
 @media only screen and (max-width: 1224px) {
#top #header .av-main-nav > li.menu-item  {
    display: none!important;
}
#top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
}}

    If you like to have an alternate solution you also choose to display a multi line menu

    Best regards,
    Vinay

    March 29, 2018 at 5:39 pm #934927
    hostworks

    Thanks, but sorry, the break is still not occuring on my iPad in landscape

    March 29, 2018 at 5:49 pm #934930
    hostworks

    Here’s the screen shot
    http://new.atlasdg.com/wp-content/uploads/2018/03/IMG_0189.png

    • This reply was modified 6 years, 8 months ago by hostworks.
    March 30, 2018 at 1:57 am #935084
    Vinay

    Hi,

    Please increase the max-width: 1224px value to something like max-width: 1450px and refresh tha page a few times till the cache clears out. It should work for you :)

    Best regards,
    Vinay

    March 30, 2018 at 4:54 am #935100
    hostworks

    That didn’t work.

    i found another forum note that suggested:

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

    which works other than leaving off the search icon off in landscape mode.

    March 30, 2018 at 10:27 am #935211
    Victoria

    Hi hostworks,

    Is the code you posted above works as a solution for you or do you still need more help?

    Best regards,
    Victoria

    March 30, 2018 at 5:16 pm #935366
    hostworks

    It works, other than the search icon has disappeared on tablet landscape. any thoughts?

    April 2, 2018 at 4:03 am #935875
    Ismael

    Hi,

    We would like to check it again but the site is no longer working. Did you move it?

    Best regards,
    Ismael

    April 2, 2018 at 4:06 am #935876
    hostworks

    no, it is still available at http://new.atlasdg.com/

    April 2, 2018 at 6:42 am #935909
    Victoria

    Hi hostworks,

    The correct code for you will be below:

    
@media only screen and  (min-width:768px) and (max-width:1200px) {
  #top  .av-main-nav > li.menu-item-avia-special {
    display: block;
  }
  #top  .av-main-nav > li.menu-item {
    display: none;
  }
  .responsive #top .av-main-nav #menu-item-search.menu-item-avia-special {
    display: block;
  }
}

    You need to have the burger menu til 1200px screen because the menu and the logo overlap if the screen is smaller and it is not a burger menu.

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

    April 2, 2018 at 6:07 pm #936138
    hostworks

    Thank you Victoria,

    That fixed that website, but it did not work for this one:

    Home

    The search icon overlays the logo

    April 3, 2018 at 5:17 am #936299
    Rikard

    Hi,

    Thanks for the feedback, though the link you posted is not loading. Are you sure the URL is correct and that the site is up?

    Best regards,
    Rikard

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