Tagged: 

Viewing 30 posts - 1 through 30 (of 41 total)
  • Author
    Posts
  • #765742

    Hi. I have a problem with mobile menu. When I am on the home page and press the icon for the menu on the phone I can’t scroll through the menu. It doesn’t scroll only if I open it from the home page for some reason. It scrolls from other pages. Please help.

    #765834

    Hey devgen,

    I’m not sure I understood the issue. Can you elaborate on it more?

    On a mobile device, when you click on the menu icon (or burger menu), the menu links shows up and you can’t scroll or after clicking nothing happens and it doesn’t scroll? I have tested your site using my mobile phone and it works properly.

    Best regards,
    Nikko

    #765850

    Hi Nikko,

    Yes, when I go to my site from the mobile device, the home page loads, then I press the menu button and the menu links show up but I can not scroll through the menu, it is static. It would be fine if I wouldn’t have to open the sub menus, when I open the sub menus I can’t scroll and see the full list.
    This problem happens for some reason only if I open the menu from home page. It is working from other pages.

    Thanks

    #765854

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    .html_stretched #wrap_all {
        height: auto !important;
    }

    Hope this helps :)

    Cheers!
    Nikko

    #765872

    Now it scrolls. But it scrolls all the way through the page and doesn’t stop at the bottom of the menu list as supposed to.

    #765899

    Hi,

    Please remove the code I gave, just to clarify is the issue on the homepage? or the other pages?

    Best regards,
    Nikko

    #765923

    The issue is only on the home page.

    #766026

    I’m having the same issue.

    I cannot scroll the menu on the homepage. I have LayerSlider WP on that page.

    Is this being worked on?

    #766032

    I applied the fix Nikko gave but now the menu does not stop at the end of the menu, it continues on overlapping the content on the page.

    #766448

    Any solution on this problem?

    #766945

    Hi devgen,

    It is not the problem, it is the intended behavior. The height of the menu is less than the height of viewport so there is nothing to scroll, when you open submenu you can scroll, because the height of the whole menu is already bigger the height of the viewport. If it was scrollable in the first place, your users would scroll the whitespace. What is the point in scrolling infinitely the white page?

    Let us know if you have any more questions.
    Best regards,
    Victoria

    #766956

    Hi Victoria,

    I don’t understand your answer.

    Mobile menu scrolling does not work on the home page (it does not scroll at all) but works as expected on other pages (scrolling stops when the end of the menu is reached).

    With the hack supplied by the Nikko scrolling works BUT not as before. The scrolling does not stop when the end of the menu is reached..

    The mobile menu scrolling feature is broken. Nikko’s solution is a temporary and problematic solution at best.

    #766958

    Hi Victoria,

    Also, this seems to happen on pages were a slider is used.

    I removed Nikko’s hack. Try the mobile menu on my pages with an iPhone.

    Homepage: Unable to scroll mobile menu.

    Remote Sites: Able to scroll the mobile menu and scrolling stops when the end of the menu is reached.

    #766982

    Victoria, when I open the submenu in mobile menu list it doesn’t scroll, that is the problem. And it is only happening for me if I open it on the home page.
    Any solution please?

    #766988

    I agree with DEVGEN. I have the exact same issue.

    Nikko’s hack allows the homepage to scroll but then it doesn’t stop scrolling when the end of the end of the menu is reached and that problem is then extended to all of the pages site-wide.

    DEVGEN, Do you have a slider on your homepage? I’m using “LayerSlider WP”.

    #767000

    Yes I have a layer slider only on home page.

    #767022

    DEVGEN,

    Ah the plot thickens. I keep getting alerts from WordFence about a “LayerSlider WP” update but I cannot update because the license it tied to Enfold. Maybe Enfold needs to provide the update and maybe, just maybe that will solve the problem.

    “LayerSlider WP” for Enfold is v6.1.6 but the current version is v6.2.0. Maybe that’s the fix.

    Enfold, what’s the word?

    #767696

    Hi,

    LayerSlider update is already available with Enfold 4.0.4. Please update.

    Best regards,
    Victoria

    #767791

    Victoria, I updated the theme to its latest version by still can’t scroll through the menu.
    And on top of it after that update there are more issues with the site now.

    #767854

    Victoria,

    Same here. I updated to Enfold 4.0.4. with the Layer Slider update. The mobile menu is still broken.

    The mobile menu on the homepage does not scroll (tested on the latest version of iOS).

    #768866

    Any solution???

    #768938

    Hi corefocusgroup,

    You have to find this css in your css and remove it. Then the menu does not scroll pass its height.

    
    .html_stretched #wrap_all {
        height: auto!important;
    }
    

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

    #768944

    Hi devgen,

    You need to find this css rule in your css

    .html_stretched #wrap_all {     background-color: #282b2e; }

    and add there

    .html_stretched #wrap_all {     
        background-color: #282b2e; 
       overflow:hidden;
    }

    Let us know if this was helpful.
    Best regards,
    Victoria

    #769362

    Victoria,

    I feel like we are going in a circle.

    1. The Mobile Menu on the Homepage does not scroll, it is broken.

    2. Nikko suggested adding this code to fix it but this code causes the mobile menus on ALL pages to scroll past their height.

    .html_stretched #wrap_all {
    height: auto!important;
    }

    3. If I remove the code, we are right back where we started, the Mobile Menu on the Homepage does not scroll, it is broken.

    4. You need to go back and look at DEVGEN’s original post at the top of this page.

    5. DEVGEN and I have the exact same issue. Why are you suggesting a different course of action for each of us?

    #769707

    I totally agree with corefocusgroup.
    Victoria I did what you suggested but I still can’t scroll the menu on the HOME PAGE.
    I hope that somebody from enfold support can understand our issue and fix it as soon as possible, because we rely on you guys and our businesses are affected by this issue.

    #772713

    Hi all,


    @DEVGEN
    Please adjust the code like so

    
    .html_stretched #wrap_all {     
        background-color: #282b2e; 
       overflow:hidden !important;
    }
    

    @all The menu on DEVGEN’s is not supposed to scroll because it’s height is less than view height and so all of it is visible.
    The mobile menu on corefocusgroup site is bigger than the view height so it scrolls. My suggestion would stop the page scroll passed menu (like it is supposed to be).

    Your pages are not the same and issues are not the same, even though they might seem the same. The pages are built differently.

    When you do the changes, please make sure to press ctrl+f5 for Windows and cmd+r for Mac.

    Please feel free to ask any more questions.

    Best regards,
    Victoria

    #772722

    Victoria,

    Keep in mind that I have Nikko’s fix (hack) in place on my website, so the Enfold menu is not behaving normally. It’s Nikko’s fix that causes the menus on all of my pages to scroll past the end. Without Nikko’s fix the homepage menu does not scroll at all, as described below, but all of the other pages work just fine and stop at the end.

    Why is the Enfold menu only broken on the Homepage and works just fine on every other page?

    Homepage = Menu does not scroll
    All other pages on my site = Menu scrolls and stops at the end

    Homepage with Nikko’s fix = Menu scrolls and does not stop at the end
    All other pages on my site with Nikko’s fix = Menu scrolls and does not stop at the end

    DEVGEN and I have explained this over and over again, the menu is only broken on the homepage (does not scroll) and Nikko’s fix only complicates the problem by causing all of the pages, to include the homepage, to scroll past the bottom of the menu.

    Remember, I have Nikko’s fix in place right now, so you’re just fixing his hack, not the original problem. Context matters.

    * I bet a lot of other people are having this problem but they haven’t noticed. I didn’t notice until I accidentally came across DEVGEN’s post.

    #773347

    Victoria, you saying the menu is not supposed to scroll because it’s height is less than view height and so all of it is visible. So how about if
    I open the submenu, should I be able to scroll through?????????????????
    THAT IS THE PROBLEM!!!!!!!!!!!!!!!!!!!!!!! IT DOESN’T SCROLL!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    Maybe you have a chance and test my page: csdancesport.com
    It starts driving me crazy. Please find a solution.

    #773360

    Hi DEVGEN,

    I just took a look at your website. Yep, I have exact same problem. The only difference between my menu and yours is that my menu is full expanded when opened, where yours is collapsed when opened . When your menu is expanded to show the sub-menus, it behaves just like mine – it does not scroll.

    I just removed Nikko’s fix. Try out my homepage menu, it’s the same problem.

    Note: I’m using Cloudflare. I just cleared the cache. Are you on iPhone or Android?

    #774916

    Hi corefocusgroup,

    You menu has all submenu items open, I checked you website today, I still see height: auto rule, please remove that and add this instead:

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

    This should fix your problem.
    Best regards,
    Victoria

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