[Support request] Menu not showing in mobile

[john]

Hi
I have my site http://www.asdirections.com set up pretty much as I want but clicking on the menu link on a mobile device just reveals a blank green area.
Please could you help me?
With thanks
John

[Leo]

Hi there,

Looks like this is the issue:
https://docs.generatepress.com/article/activating-slide-out-navigation/#empty-slideout-navigation

Let me know 🙂

[john]

Hi Thank you so much. I can now see the menu but only part of it. It will not permit me to scroll down.
Your support is very much appreciated.
Thank you
John

[Leo]

You will activate the slideout navigation on mobile only:
https://docs.generatepress.com/article/activating-slide-out-navigation/

Then select the menu to be the slideout menu:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#setting-a-theme-location

Let me know 🙂

[john]

asdirections.com

Hi Leo
Thank you very much for the reply and very useful information.

I have one last question for now please.

Whilst the site is pretty much working as I would like it to when viewed from a desktop or laptop, when I look at the site on a mobile device (especially a pnone), the layout is not helpful in that the text (where I have used a text/media block) appears in a very long column of only a few words per line.
Is there anyway to get the images inline in the mobile version without making a completely new mobile site by adjusting the version I have currently.

With grateful thanks
John

[David]

Hi there,

try adding this CSS – it applies to blocks where the media is set to the right:

@media (max-width: 768px) {
    .wp-block-media-text.has-media-on-the-right {
        grid-template-areas: "media-text-content" "media-text-media";
        grid-template-columns: auto;
    }
}

[Author]

Posts