Minicart Not Working Properly On Mobile

  • Resolved dwight28

    (@dwight28)


    4 years, 8 months ago

    ?Hi there, I seem to have found a bug and cannot find a way to fix it. It seems that the typography color (body typography section) options from the WordPress -> Customize section controls the color of the Woocommerce minicart. It overwrites all options from the Groovy menu colors, even with manual code I cannot seem to get the color of the cart to change properly. Here is a screenshot to show you what I mean: https://gyazo.com/2fc88e2d6dfb136b63c928b58cc4327b
    ?

    ?As you can see, the minicart is blacked out but all other links, including the search icon show perfectly fine. Moreover on desktop it displays perfectly fine with no issues, but when viewing on mobile, this bug happens. In my Groovy menu options I have it so all icons or text in the header drawer are white while the background is black. In my Customize > Theme Options > Typography > Body Typography section, I have the color set to black. It seems this option right here for some reason is what depicts the color of the minicart. Whatever color I change this to the minicart changes to as well. I have deployed a temporary fix by editing my Groovy menu color background to be white and text black so that the minicart shows but would like to go back to black as it adds perfect contrast. However, as stated previously, I cannot as this bug persists and the cart goes back to being blacked out upon doing so. Oh, and also, all other mobile settings like size of the minicart, etc. are all broken and seem to not work or do anything. Again, updates it fine on desktop, just mobile is wonky.

Viewing 1 replies (of 1 total)
  • Thread Starter dwight28

    (@dwight28)

    Here’s a more detailed screenshot. You can see I have the mobile view selected and that choosing the typography body color changes it.

    https://gyazo.com/e3c725220582c67f80b04d9a33aaf9dc

    And no, this doesn’t just happen because it’s a preview. If you try it yourself and actually visit the site through a mobile browser you can see the issue like I mentioned above in my original post. How can I fix this? Really agitating.

Viewing 1 replies (of 1 total)
  • The topic ‘Minicart Not Working Properly On Mobile’ is closed to new replies.