Tagged: 

Viewing 11 posts - 31 through 41 (of 41 total)
1 2
  • Author
    Posts
  • April 9, 2017 at 12:45 pm #774917
    Victoria

    Hi DEVGEN,

    You might consider having your submenu items open also, it is confusing on mobile for users whether the menu item will take you to another page or open a submenu and it will be easier to control it’s height and scroll.

    Best regards,
    Victoria

    April 9, 2017 at 1:03 pm #774926
    corefocusgroup

    Hi Victoria,

    I applied your fix today. It now scrolls and stops at the end of the menu but its behavior is still broken on the homepage.

    Please compare the mobile menu’s behavior on the Homepage to its behavior on any other page, such as, the About page. You’ll notice that when you scroll the mobile menu on the Homepage the menu items are inadvertently highlighted as you scroll. On all other pages this does not happen – this is the default Enfold behavior – when you scroll no items should be highlighted.

    Why is the mobile menu only broken on the Homepage? What is causing this.

    All other pages work normally with or without your fix and all of the other pages also behave normally without Nikko’s fix; it was Nikko’s fix that broken all of the other pages which had been working normally. The only problem we are attempting to solve is on the Homepage.

    April 11, 2017 at 6:40 pm #776247
    Victoria

    Hi corefocusgroup,

    So this is a different story. You don’t want any highlighting on hover, right?
    Here is the code you can put in styles.css in child theme:

    
#mobile-advanced li>a:hover {
     background-color: #000;
    color: #aaaaaa;
}
#mobile-advanced a:hover:before, #mobile-advanced span:hover a:before {
    color: #cc3333;
}

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

    May 17, 2017 at 6:01 am #794636
    ricedean

    I am having this exact same problem. I also have a layerslider on the home page. The problem with the mobile menu NOT behaving properly is ONLY on the home page; It does not scroll and it highlights. On all other pages the mobile menu behaves correctly; they scroll and they don’t highlight while scrolling. MY CLIENT brought this to my attention so I need to find an answer for them. Please COMPARE the home page menu behavior to the other page menu behavior to understand the problem. I have tried all the css suggested above in this thread but none fixed the problem.

    corefocusgroup or devgen, did you ever find a solution somewhere else?

    May 17, 2017 at 12:41 pm #794839
    corefocusgroup

    I believe a lot of people are having this problem but they simply haven’t noticed.

    There is clearly a conflict between the slider and Enfold.

    I used the exact code provided and it fixed the issue. Note there are two code segments.

    /* Mobile Menu Fix – Homepage – Limit Scroll Area */

    .html_stretched #wrap_all {
   overflow: hidden!important;
}

    /* Mobile Menu Fix – Homepage – Remove Highlighting */

    #mobile-advanced li>a:hover {
     background-color: #000;
    color: #aaaaaa;
}
#mobile-advanced a:hover:before, #mobile-advanced span:hover a:before {
    color: #cc3333;
}
    May 17, 2017 at 1:49 pm #794879
    Victoria

    Hi ricedean,

    Please try adding this code and let us know if it worked for you:

    
.html_stretched .home #wrap_all {
   overflow: hidden!important;
}

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

    May 17, 2017 at 1:49 pm #794880
    Victoria

    Hi corefocusgroup,

    Thank you for sharing and glad you got it working for you! :)

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

    May 17, 2017 at 4:53 pm #794967
    ricedean

    Thank you corefocusgroup. I used both code segments in my child theme css file and it is now fixed.

    May 18, 2017 at 7:33 am #795284
    Rikard

    Hi @ricedean,

    Great, glad you got it working and thanks for the feedback.

    Best regards,
    Rikard

    June 2, 2017 at 8:00 am #802894
    snitt

    I had the exact same issue. Mobile menu would not scroll if layerslider was on page. Menu wouldl work if I were to remove layerslider.

    I added these codes to quick css, and changed values to fit my colors. It not works :)

    /* Mobile Menu Fix – Homepage – Limit Scroll Area */

    .html_stretched #wrap_all {
   overflow: hidden!important;
}

    /* Mobile Menu Fix – Homepage – Remove Highlighting */

    #mobile-advanced li>a:hover {
     background-color: #000;
    color: #aaaaaa;
}
#mobile-advanced a:hover:before, #mobile-advanced span:hover a:before {
    color: #cc3333;
}
    June 6, 2017 at 5:55 am #804294
    Ismael

    Hi,


    @snitt    : Please open a new thread with the link to the site and the login credentials. We would like to check it.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 11 posts - 31 through 41 (of 41 total)
1 2
  • The topic ‘Mobile Menu on the home page’ is closed to new replies.