Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 12, 2019 at 10:23 pm #1099839
    webguy007

    Hi,
    How do you turn off the burger menu on Ipad’s only? I want the regular menu to display.

    Thanks

    May 13, 2019 at 6:26 am #1099913
    Rikard

    Hey webguy007,

    You can set that under Enfold->Main Menu->General.

    Best regards,
    Rikard

    May 13, 2019 at 10:18 pm #1100310
    webguy007

    It doesn’t change anything. When I select: Menu Items for Mobile > Activate only for Smartphones.
    Ipad (768×1024) screen size still has burger menu showing.

    May 14, 2019 at 5:54 am #1100364
    webguy007

    Here’s more of an update to a problem I am having.
    When the screen size is at 768px – 1000px the menu does not show and only the burger icon. I can’t seem to figure out why and how to have the menu text show for this range and not the burger icon.

    Menu Items for Mobile > Activate only for Smartphones. DOES NOTHING TO CHANGE ANYTHING. Test for yourself when viewing screen size 768pm – 1000px.

    Thanks!

    May 14, 2019 at 1:14 pm #1100521
    Rikard

    Hi,

    Where can we see the problem?

    Best regards,
    Rikard

    May 14, 2019 at 2:09 pm #1100538
    webguy007

    Link provided in private data.

    Thank you

    May 15, 2019 at 6:12 am #1100826
    Rikard

    Hi,

    You have this in your style.css file overriding the theme settings:

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

    Best regards,
    Rikard

    May 15, 2019 at 9:47 pm #1101166
    webguy007

    Hi,

    I went ahead and removed that from the child style.css and no change occurs with viewing on screen sizes above 768 – 1000px. Why?
    I’ve deleted cache too.

    May 16, 2019 at 5:42 pm #1101541
    Nikko

    Hi webguy007,

    I have added Rikard’s code in Quick CSS.
    And also disabled CSS file merging and compression and it works.
    Seems like it fetches the old merged/minified css when it’s enabled.

    Best regards,
    Nikko

    May 17, 2019 at 4:57 am #1101644
    webguy007

    Thanks for your reply. I actually added more to it and have seemed to solved all responsiveness except for when the size is at 768×768 – 810×768 and the word experience is cut off on the homepage. See link below. Oddly this seems to be the only issue throughout the site.

    How do I solve that for that specific text box with content?

    I also changed Rikard’s default of 1000 in the above css you pasted to 767px.

    Here is some additional css I added as an FYI to fix other responsive issues:
    @media only screen and (max-width: 812px) and (orientation : landscape) {

    #top #header .av-main-nav>li.menu-item {
    display: inline-block!important;
    right:60px!important;

    }

    May 17, 2019 at 9:39 am #1101698
    Nikko

    Hi webguy007,

    Try adding this css code as well:

    @media only screen and (max-width:959px) {
  #top.home #av-layout-grid-2 .av_one_fourth {
    padding: 80px 20px !important;
  }
}

    Best regards,
    Nikko

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