Archived topic
Menu not showing in mobile
5 replies · Started by john on April 2, 2019
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
Hi there,
Looks like this is the issue:
https://docs.generatepress.com/article/activating-slide-out-navigation/#empty-slideout-navigation
Let me know :)
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
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 :)
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
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;
}
}