Floating Menu on mobile site

[Rafael Q.]

Greetings. For some reason the floating menu (float right) on “mobile site” has become the center menu on my mobile page.
I have read several articles, but I can not find a solution.
site: https://digimobileus.com

Thanks for the help in advance.

GeneratePress 1.3.44

[Leo]

Hi Rafael,

That’s just default setting of mobile view – icon center below the logo.

You could try using a mobile header then the menu will show up on the right:
https://docs.generatepress.com/article/mobile-header/

Let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Leo]

If you don’t have a smaller logo/icon that can used for mobile header logo, upload the your normal logo anyways and I’ll see if I can make it nicer with some CSS 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Rafael Q.]

Thanks Leo, I’m new to WP and GP. Not sure if my mobile header are hidden or what, but on WP 4.7.2 I can not find that option. See image.

[Leo]

Make sure your add-ons are activated: https://docs.generatepress.com/article/installing-gp-premium/#4- activate-your-add-ons

Mobile header is under Menu Plus

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Rafael Q.]

Last Help.
The menu returned to the top right as before, but when you try to use it does not display the list menu.
LOl. I need to go back and replay those YouTube videos again.

[Leo]

Can you try disable Autoptimize plugin and see if it fixes the problem?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Leo]

Also make sure you are using the most recent version of GP Premium 1.2.94.
You can check in Dashboard > Plugins.
https://docs.generatepress.com/article/updating-gp-premium/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

Out of curiosity, what version of GP Premium are you running?

The issue is Autoptimize is trying to run something which requires a function exist. GP tells this script to wait until the function is available, but it’s not waiting in your case.

Are you using 1.2.94?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Rafael Q.]

Top of the Page said GeneratePress 1.3.44, but at the addon activation pluggin said GP Premiun 1.2.
94

[Tom]

Hmm, latest versions.

Can you make sure your Autoptimize settings match the suggested settings here: https://generatepress.com/fastest-wordpress-theme/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Rafael Q.]

Thanks for the help. I disabled and re-enabled Autoptimize, double check the settings on Autoptimize & Async Javascript, both are the same as the tutorial (only one difference on Async, see link). I tried all the combination on the Primary Navigation, not luck.
I notice that the menu only work when I disable the header plugin from GP, but this moved the menu by default to the center of the screen and displayed the list. At this moment I removed the Logo and re-enabled the GP Header plugin, but the menu do not display list.
I can’t help with code, I’m more a hardware person.

[Tom]

Just playing with this before heading to bed for the night, not getting the same issue on my local install.

Here’s my Autoptimize settings:

And my Async Javascript settings:

Do you have any other plugins installed?

Maybe try clearing the Autoptimize cache.

Let me know – we’ll get it figured out 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Rafael Q.]

You guys ROCK!!!!!
After disabling and re-enable Async Javascript , mobile menu returned to normal operation. I think Async Javascript was one of the plugins that I recently updated.
Thanks again.

[Leo]

Glad we could help! Thanks for reporting back 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts