WooCommerce Pages Showing Double Header on Mobile Preview

  • Resolved nuggt0

    (@nuggt0)


    3 months, 1 week ago

    Greetings,
    My website is http://www.firmeluxelimited.global
    All the WooCommerce pages including the product page, checkout page, and cart page show a double header on mobile view.
    One of the headers is the mobile preview header from the “Mobile Menu” plugin and the second header is the website’s default header.
    I would only like the mobile menu header to appear on the mobile preview and the default header.

    Also the there is an extended gap between the sections on footer on the same woocommerce pages

    Using GreenShift Theme.

    PS. Only the WooCommerce pages have this problem, no other pages do.

    Thanks.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • threadi

    (@threadi)

    3 months, 1 week ago

    I’m not sure what you mean? In the mobile view, I see a long filter list under the /store/ header with a hamburger menu. But nothing duplicate? Have you perhaps already solved it?

    Thread Starter nuggt0

    (@nuggt0)

    3 months, 1 week ago

    1. https://imgur.com/a/Ta0EIjP
      This is the correct mobile view header on normal pages, the header is from the plugin Mobile Menu
    2. https://imgur.com/a/Ft4Ud1U
      And this is the double header on mobile view on woocommerce related pages such as product page, checkout, cart etc. The top header is from Mobile Menu plugin header and the second header below that is the site’s default heade

    I have a feeling this occurs because of the “Login/Signup Popup” plugin because I removed the login shortcode from the header but in the woocommerce page it stil shows up forcefully on the header
    I could be wrong though.
    Thanks.

    threadi

    (@threadi)

    3 months, 1 week ago

    Now I see what you mean. The upper area comes from the “Mobile Menu” plugin, the one below from your theme. If you don’t want to display the lower area on mobile, you would have to insert a custom CSS:

    @media only screen and (max-width: 1024px) {
 header { display: none; }
}

    You would have to insert this under Appearance > Customizer > Additional CSS. Should theoretically be enough to hide the 2nd header.

    If this does not help, please contact the support of the theme you are using: https://wordpress.org/support/theme/greenshift/

    Thread Starter nuggt0

    (@nuggt0)

    3 months, 1 week ago

    It worked.
    Thank you so much.
    Hope you have a great day.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.