Menu in mobile view

[Caroline]

Hi.
My menu/navigation in mobile view dont work after the upgrade. Dont know if its the update or something else. And also my search in nav didn’t work on mobile before the update.

[Tom]

Hi there,

Are you using any caching plugins? If so, be sure to clear your cache.

Let me know if that does the trick or not 🙂

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

[Caroline]

That did not help

[Tom]

What’s the link to your site? You can post in here or email it to support@generatepress.com.

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

[Caroline]

I sent you the link on email. The site are just a test for now, so I dont want other to see it yet

[Tom]

Ah! You’re using this plugin: https://wordpress.org/plugins/generate-legacy-mobile-menu/

I’ll have to update it to work with the latest version of GP tomorrow morning.

For now, you can wait until that update comes out, or disable that plugin so the menu works.

Thanks for pointing this out 🙂

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

[Caroline]

Thank you I will wait to the update comes 🙂

[Tom]

I just released an update to Generate Legacy Mobile Menu which should fix this.

Let me know 🙂

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

[Caroline]

but my nav search does not work on mobile either. Can you look at this?

[Caroline]

and also why the table in cart are too long in mobile view

[Tom]

The nav search isn’t working because you’ve added this CSS:

.navigation-search {
    max-width: 400px;
    margin: 0 115px 0 0;
}

Try adding this extra CSS to fix it:

@media (max-width: 768px) {
      .navigation-search {
            margin: 0;
      }
}

The WooCommerce art isn’t responsive by default, but this guy provides some awesome code that fixes it: http://www.jeremycarter.com.au/optimising-woocommerce-checkout-for-mobile/

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

[Caroline]

Thanks now the search works fine.
But do I have to add all that css? the checkout page looks fine on mobile, its only the cart page that dont fit.

[Tom]

I would add it.

It looks like a lot more than it is, the bulk of it is applying the same attributes to a bunch of classes – you can minify it to save on load time if that’s your worry: http://cssminifier.com/

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

[Author]

Posts