Mobile Navbar Not Showing Filter Icon

The filter icon disappeared from the mobile navbar after the last theme update. We have updated the theme to the latest available theme version, but the icon is still not showing.

We tried to remove and then redo the settings, but that didn’t fix the issue either. This is the setting we currently have:

Theme Settings > General > Mobile bottom navbar > Select buttons

Shop page | Off canvas sidebar | Cart | My Account

We’ve provided the admin access; please feel free to make changes as you see fit. However, we’ll need the steps to fix the issue to promote to the PROD LIVE website.

Thanks.

Hi familyecomm-7680,

Thanks for reaching to us.

1. As the square boxes are shown except of icons in your site to fix this try to regenerate the CSS from WoodMart > CSS generator.

2. But, that issue usually caused by cache or incorrect HTTP and HTTPS configuration: https://domain.com is the actual site URL, however, http://domain.com is used in Dashboard > Settings > General. In this case, it is necessary to configure URLs correctly or clear cache and check again.

3. I kindly recommend you to purge the cache of CDN, disable CloudFlare CDN temporarily and double check the issue.

If you have any questions please feel free to contact us.

Regards,

You are saying that I need to regenerate the CSS using CSS generator. I couldn’t find it so I googled it and found that the CSS Generator is not included in the Theme after the 6.0 update.

https://xtemos.com/forums/topic/where-can-i-find-css-generator/

I’m on version 8.1.1. Are you not aware of the fact mentioned above?

Please provide a solution for this issue.

Thanks.

We have tested the following and none of the action items worked.

1. Cleared WP Rocket cache.
2. Cleared CDN cache.
3. Disabled CDN.

Please try to access our Live Production website to see the problem we have reported.

Hi familyecomm-7680,

Can you try to deactivate these CDN services and try again? https://ibb.co/B5DMJT3P

Regards,
Hung PD

I already told you in the previous post that we have tested after disabling the CDN, and that didn’t work either. We’ve disabled the CDN, please check and let us know ASAP.

Thanks.

Hi familyecomm-7680,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Best Regards,
Hung PD

Hung,

We’ve created a new stage environment for the troubleshooting of this issue. Please the details in the private area.

Thanks,

Kashif.

Hi familyecomm-7680,

Thanks for your patience.

Please confirm me back if you resolved the issue. https://ibb.co/zHmQ7PM9

Regards,
Hung PD

What is wrong with you guys? Why are you wasting so much time? The filter appears on the Shop page NOT on the main page. Go to the Shop page, the filter icon is still not appearing there.

PLEASE PROVIDE A SOLUTION FOR THIS PROBLEM ASAP!!!!

Hi familyecomm-7680,

Sorry for misunderstanding.

Filters are used for WooCommerce pages to filter products so it displays when you are in WooCommerce pages, such as: Products, Categories pages only.

Regards,
Hung PD

The filter icon is not displaying on any page. The fact that you’re not even looking into this is really frustrating and disappointing. If you don’t know how to resolve this issue then please assign this issue to someone else.

Hi familyecomm-7680,

First of all, sorry for all inconveniences you are experiencing.

I checked that the Product Archive layout is built via Elementor Pro. I tried to set it to draft and the Filter is now showing. https://ibb.co/XfLWz6B7

I kindly recommend you to use Layouts post type, which is built with WoodMart WooCommerce builder, and you can add section like this.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards,
Hung PD

We had a requirement to include some SEO content for different categories. Our developer may have done it that way to display that information as accordion. Thanks for identifying the root cause, we’ll work on this fix on the live website ASAP.

Thanks.

We have checked in our older stage environments as well, the Product Archive Layout shows Elementor in front of it’s name (Shop archive — Elementor), which means, it was built using Elementor and not any other builder. If you switch to any other builder the entire layout crumbles.

I don’t think that’s what caused the filter icon to disappear. This require further investigation.

Please advise.

Thanks.

Whatever changes you have made to fix the issue has caused the layout to change. We are now seeing “Show sidebar” option which is displaying the filters. That should have been disabled. Also, the sort options are all messed up. The Product Archive has been editable through Elementor from day one. You cannot convert that to any other builder and assume that everything will work fine.

Please look into this further and provide a proper fix for this issue, and not some kind of workaround that will mess up the entire website’s layout. If you are not able to troubleshoot this issue further, then please escalate it to the next level of support, in either case we need a solution for this issue soon.

Thanks.

Attachments:

You must be logged in to view attached files.

Hi familyecomm-7680,

As I mentioned, I disabled Product Archive layout which is built by Elementor Pro plugin. And it is using Product Archive layout in Dashboard > Layouts. Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

With the help of Mobile Editor of Elementor, you can delete Filters button https://ibb.co/gMv95L2C

You can read more here https://elementor.com/help/mobile-editing/

I can see the sorting button removed, please let me know if you resolved it.

Best Regards,
Hung PD

[Author]

Posts