Tagged: 

Viewing 30 posts - 1 through 30 (of 41 total)
1 2
  • Author
    Posts
  • March 23, 2017 at 9:07 pm #765742
    devgen

    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.

    March 24, 2017 at 3:49 am #765834
    Nikko

    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

    March 24, 2017 at 4:34 am #765850
    devgen

    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

    March 24, 2017 at 4:50 am #765854
    Nikko

    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

    March 24, 2017 at 5:25 am #765872
    devgen

    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.

    March 24, 2017 at 6:15 am #765899
    Nikko

    Hi,

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

    Best regards,
    Nikko

    March 24, 2017 at 6:44 am #765923
    devgen

    The issue is only on the home page.

    March 24, 2017 at 10:34 am #766026
    corefocusgroup

    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?

    March 24, 2017 at 10:41 am #766032
    corefocusgroup

    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.

    March 25, 2017 at 4:13 am #766448
    devgen

    Any solution on this problem?

    March 26, 2017 at 2:40 pm #766945
    Victoria

    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

    March 26, 2017 at 3:32 pm #766956
    corefocusgroup

    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.

    March 26, 2017 at 3:39 pm #766958
    corefocusgroup

    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.

    March 26, 2017 at 5:18 pm #766982
    devgen

    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?

    March 26, 2017 at 5:23 pm #766988
    corefocusgroup

    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”.

    March 26, 2017 at 6:13 pm #767000
    devgen

    Yes I have a layer slider only on home page.

    March 26, 2017 at 7:58 pm #767022
    corefocusgroup

    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?

    March 27, 2017 at 8:20 pm #767696
    Victoria

    Hi,

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

    Best regards,
    Victoria

    March 27, 2017 at 11:44 pm #767791
    devgen

    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.

    March 28, 2017 at 4:47 am #767854
    corefocusgroup

    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).

    March 29, 2017 at 3:35 pm #768866
    devgen

    Any solution???

    March 29, 2017 at 5:24 pm #768938
    Victoria

    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

    March 29, 2017 at 5:32 pm #768944
    Victoria

    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

    March 30, 2017 at 9:51 am #769362
    corefocusgroup

    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?

    March 31, 2017 at 2:59 am #769707
    devgen

    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.

    April 5, 2017 at 6:12 pm #772713
    Victoria

    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

    April 5, 2017 at 6:28 pm #772722
    corefocusgroup

    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.

    April 6, 2017 at 5:15 pm #773347
    devgen

    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.

    April 6, 2017 at 5:42 pm #773360
    corefocusgroup

    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?

    April 9, 2017 at 12:43 pm #774916
    Victoria

    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

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