Storefront Mobile Menu

It looks like this may be caused due to a theme conflict (I see some Elementor code in your footer, which may have replaced the default Storefront footer), or possibly a third-party plugin. I’d recommend the conflict-testing steps here to isolate the source of the issue.

The best way to determine if the issue is being caused by a theme and/or plugin is to do the following:
– Temporarily switch your theme back to a default theme, not using Elementor
– Disable all plugins except for WooCommerce.
– Clear your browser cache, and the cache on your site if you have one there.
– Test to see if the issue has been resolved.

If that resolves the issue, then one-by-one you can switch back your theme and re-enable your plugins, testing in between, until the problem appears again. This will then give you an idea about which plugin is the one causing the conflict.

Since these tests will impact the look and functionality of the site, we strongly recommend using a staging site where you can do your testing.
If you don’t already have a staging site set up, check with your hosting company as many offer this as part of their packages. Otherwise, you can use a free plugin such as?WP Staging (https://www.ads-software.com/plugins/wp-staging/) to set one up.

Hi Senff!
Thanks a lot. You were right. The Elementor Footer was creating the conflict. But something else is now blocking the menu to properly appear. If you go now in mobile.. it comes a white bar at the bottom- that looks empty- but the search, the my account and the basket are there. I can not find a way to put them in black background and white text or the other way around for people to see, but the functionality is there. When I try to inspect.. This part doesnt seem to show. Do you know how I could colour it so that the icons are visible?

Thanks a ton!

OK, so it looks like either I change the header or the footer color or the icons wont appear. It gets the background colour from one and the text from the other. I had to change it, to be able to see them, but this is not ideal as it is not so “On brand”. I hope the people from Storefront finds a solution and we can customize everysection separately.
Thanks a lot Senff for all your help!

When I look at your site now, I see that the icons at the bottom are black:

Direct link: https://d.pr/i/gzDkRB

If you want to change the color of those, you can do that with a little bit of custom CSS code.

Go into your site’s admin Dashboard and select Appearance → Customize →?Additional CSS. In the CSS textbox on the left, add the following code:

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

.storefront-handheld-footer-bar ul li.cart .count {
  background: #ff0000;
}

You should see the changes right away, but this is just a preview for you, so you can experiment a little if you like.
Once you’re happy with it, select “Save Changes” from the top, and your changes will be applied to your site.