In Progress

Navigation Element with Mega Menu has 2 scroll bars on mobile

9

I am finding a problem with the Navigation element for mobile on the sliding panel. The mega menu full width shows all the content on mobile via the Sliding Panel, but it has 2 scroll bars visible, There is one scroll bar that is visible at the edge of the content itself and another to the far right of the screen.

On one of the Full Width Menu items, the bottom get cut off as well. On this specific one, there is only 1 scroll bar for some reason.

What could be causing this issue and what would be the solution to fix it

Shaun Parkes

Replies

Responses

  1. Because your content has own scroll area. To remove it, add overflow hidden to parent block of content area

  2. Shaun Parkes Avatar
    Shaun Parkes
    Member

    Can you please tell me which one you are referring to based on the screenshot attached

  3. Shaun Parkes Avatar
    Shaun Parkes
    Member

    Ok so I set the panel content area to hidden overflow and it worked. However, the issue I now have is that the bottom area is getting cut off an it doesn’t scroll all the way down

  4. This doesn’t show me live link. Use private block

  5. Shaun Parkes Avatar
    Shaun Parkes
    Member

    Sorry, I wasn’t sure what you meant by love link.

    https://sitech.dienngo.com/

Post a Reply