Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 8, 2018 at 10:06 am #953271
    Jillian

    Please check screenshot below.

    Obviously, this needs to be underneath the mobile menu. So it doesn’t overlaps.

    May 9, 2018 at 7:18 am #953723
    Rikard

    Hey Jillian,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 990px) {
#sub_menu1 {
  display:none !important;
}
}

    Best regards,
    Rikard

    May 9, 2018 at 2:34 pm #953948
    Jillian

    Wait.. What? I think you did not understand me. My bad. Ill try to explain it better. When you open the mobile menu on your mobile /tablet. The full width submenu element is above the menu. It has to be underneath. Check the screenshot that I approvided above.

    The given code did not solve that problem.

    May 10, 2018 at 1:56 pm #954554
    Victoria

    Hi Jillian,

    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: 767px) {
  .responsive #top .av-submenu-container {
    z-index: 1 !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 11, 2018 at 12:20 am #954941
    Jillian

    Works like a charm! Thanks!

    May 11, 2018 at 12:51 pm #955249
    Jillian

    Oh never mind. It works on all mobile’s but not on iphones. On iphones we got another type of problem. Please see the screenshot below. It seems like it’s behind the page.

    May 14, 2018 at 7:22 am #956283
    Ismael

    Hi,

    I can’t reproduce the issue on my end. Where can we see the page from the screenshot? I can’t find the “verge xvg” section.

    Best regards,
    Ismael

    May 14, 2018 at 9:36 am #956322
    Jillian

    I’ve linked it below. Keep in mind that it works perfectly on PC and stuff. The issue only appears on iphones.

    May 16, 2018 at 7:47 am #957358
    Ismael

    Hi,

    One of my team mates checked the site and she said that there’s this css declaration or code in the child theme’s style.css file which breaks several things on Safari. Please remove it.

    #wrap_all { position: relative !important; }

    Best regards,
    Ismael

    May 16, 2018 at 9:31 am #957414
    Jillian

    I’ve removed the CSS declaration, but the problem is still there unfortunally.

    May 18, 2018 at 9:32 am #958504
    Ismael

    Hi,

    Remove the css code then purge the browser cache prior to checking the page. You’re probably looking on a cached version of the page.

    Best regards,
    Ismael

    June 1, 2018 at 1:23 am #965024
    Jillian

    Awesome!

    June 2, 2018 at 4:32 am #965662
    Vinay

    Hi,

    Glad we could help!
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Full width Sub menu goes over mobile menu.’ is closed to new replies.