Cart & Search icons invisible on mobile devices

  • Resolved administratus

    (@administratus)


    4 years, 11 months ago

    Hello,

    I just realized that my store’s icons for the cart and site-search at the bottom of the page turned invisible on mobile devices (see screenshot). The buttons can still be clicked, but I dont see the symbols anymore (looking glass and cart).

    Screenshot:
    https://imgur.com/c37aced2-bf49-4004-9b7b-2f7bb1dbeca5

    Does anyone have any idea where to start looking for the reason for this?

    I didn’t install any new plugins, just the usual updates. I didn’t update to WooCommerce 4 yet because some important plugins are not compatible yet.

    Thank you!

    • This topic was modified 4 years, 11 months ago by administratus.
    • This topic was modified 4 years, 11 months ago by administratus.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support AW a11n

    (@slash1andy)

    Automattic Happiness Engineer

    Hey there!

    You have some CSS on your site that is hiding those. This line specifically is being added

    .site-footer a:not(.button):not(.components-button) {
    color: #6d845a;
    }

    That make your icons not show up. You can write some CSS to override that, but your best bet is to figure out what that is coming from and change it there. It’s likely a plugin for customization on your site.

    Thread Starter administratus

    (@administratus)

    Thanks kind stranger, I was able to solve it!
    A google search on that CSS piece led me to this thread here:
    https://www.ads-software.com/support/topic/storefront-version-2-5-4-mess-my-sites-initial-display/

    It’s an issue related to the storefront-theme’s latest update and it can be fixed with a little bit of custom css as explaned in the other thread.

    Issue solved, thank! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Cart & Search icons invisible on mobile devices’ is closed to new replies.