[Support request] Menu slides down and overlaps the text on Mobile devices…

Home Forums Support [Support request] Menu slides down and overlaps the text on Mobile devices…

Home Forums Support Menu slides down and overlaps the text on Mobile devices…

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1970347
    Beyhan

    With the settings I made, my page looks normal on the computer. But on mobile devices, the main navigation and menu slides down and overlaps the text. I couldn’t solve it. Can you help me?

    #1970366
    Elvin
    Staff
    Customer Support

    Hi there,

    We’ll need to fix the Block Element you’ve inserted as the topbar of the page.

    The grid columns is stacking on mobile. It’s pushing the navigation too low that it blocks the contents of the page hero.

    I see you have 4 columns that are flex wrapping.

    Here’s what you can do:

    On the Block element that is hooked as the top bar of the site, select the first column container block on the Grid Block.

    On this Grid column, go to the “Mobile” tab and set its width to 50% like this – https://share.getcloudapp.com/nOu5md7N – for the first 2 columns.

    For the third column, since its empty, add hide-on-mobile on its Additional CSS class(es) field like this – https://share.getcloudapp.com/NQu7vkn5

    You then check the list view icon for any empty paragraph block end make sure to delete it – https://share.getcloudapp.com/yAu0L7qm

    You then add this CSS to reduce the margins –

    .header-wrap .wp-block-columns,
    .header-wrap ul.wp-block-social-links {
        margin-bottom: 10px;
    } 

    This is the expected result – https://share.getcloudapp.com/6quvLKgY

    Note: I’ve noticed that some of your contents block your sticky navigation. This one in particular – https://share.getcloudapp.com/o0u7Qo2B

    This is due to a z-index value of 10 added to the container block that holds the 3 columns. Make sure to reduce the z-index value so it doesn’t block the navigation. 🙂

    A wise man once said:
    "Have you cleared your cache?"

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.