Mobile Menu Problem

Hi there,

whats the issue you are experiencing?

line-height of menu items is way too much on mobile devices
and that cart button not showing up on mobile view, but is there on tablet view.

Can you disable Autopimize?

Thanks!

done,
never had any problem with aytoptimize before btw.

Autopimize is not the problem - I need to see the source of the code.

What happened to the CSS and instructions I provided here?
https://generatepress.com/forums/topic/menu-item-width/#post-596935

I see that you have this instead which is causing the problem:

.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
    padding-left: 53px;
    padding-right: 53px;
    line-height: 150px;
}

It shouldn't have anything to do with WooCommerce.

this is what I have http://prntscr.com/l0c6j8

I changed nothing, its just is fucked after I installed woocommerce.

I think something is up here. check this
https://gyazo.com/761da8851d6ab84ca932df4266ec3b81

You are using the wrong toggle.

Try the one beside the Menu Item Height

Again this has nothing to do with WooCommerce. You can simply disable it to test.

The CSS I mentioned above is causing the problem. It's added in your child theme.

child theme is what active right now and I do not have the additional css written as you mentioned.I showed you what I have in additional CSS. Not sure what am I doing wrong.

tried using different toggle as well. Still no luck.

http://prntscr.com/l0cm94

In your child theme's style.css

Starting at line 516, remove this CSS that's overwriting the customizer options:

.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
    padding-left: 53px;
    padding-right: 53px;
    line-height: 150px;
}

Let me know :)

Thanks, it worked, Cart icon is still not showing on mobile view.

there is a developer working on setting up woo-commerce with the site, He said he is integrating woo-commerce with the theme.

I hired him to customize checkout page and what not. Not sure if his approach is right. What you suggest is the right way to customize things?

Do you provide customization services of this nature? I need product page layout, checkout flow etc to be customized.

Cart icon is hidden on mobile because of this CSS added in your child theme again

@media (max-width: 576px) {
    #mobile-header .mobile-bar-items {
        display: none;
    }
}

Can't comment on whether it's the right way to customize things or not.

But maybe ask him first when you run into problems like this as obviously he makes changes you are not aware of.