Mobile Menu Issue

I have 2 issues that I have noticed with the Mobile Menu.

1. I have set a search result limit to “8” on the mobile search but still shows the default “20” (see settings on screen shoot)

2. I believe there is a used CSS compatibility issue with WP Rocket. The “VIEW ALL RESULTS” button css does not apply when cached. Can you specify CSS filenames, IDs or classes that should not be removed so I can add to the safelist? (compare 2 mobile screen shots)

I have provided a temp login to help.

Attachments:

You must be logged in to view attached files.

Hello,

1. May I disable 3rd party plugins for testing?

2. Disable this https://prnt.sc/IyOqUa9bWqDq option in the settings of WP Rocket, then clear the cache and recheck the issue.

Kind Regards

Hi,

Yes I have provided this Staging version of the website for you to test. this is not the live website.

I do believe its the Used CSS issue, the ID just needs to be added to the safelist I think.

Hello,

1. Navigate to WoodMart -> Patcher and apply the 666425 patch to fix the issue.

Kind Regards

Hi this fixes my first issue but not the 2nd issue:

2. I believe there is a used CSS compatibility issue with WP Rocket. The “VIEW ALL RESULTS” button css does not apply when cached. Can you specify CSS filenames, IDs or classes that should not be removed so I can add to the safelist? (compare 2 mobile screen shots)

the screen shots

Attachments:

You must be logged in to view attached files.

Hello,

The “Remove unused CSS” option doesn’t work in some cases and does not load the necessary styles: https://take.ms/MYPuA .

Unfortunately, we don’t have a list of selectors to fix this since it is always individual for most of the websites.
You can either disable it or contact WP Rocket for help.

Kind Regards

Hi Luke,

I do not think that is a fair response from support. The Woodmart theme is supposed to be compatible with and even promotes the use of the WP-Rocket plugin.

Also, I do not think this issue would be individual to each website, as this is a conflict between the uncustomised Woodmart theme function and WP Rocket used CSS function.

Any how after trial and error, I have seen that adding (.*).wd-all-results to the CSS safelist fixes the issue.

All the best.

Hello,

Here is our article about optimization, including the part of adjusting the WP Rocket – https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/#Step_4

Usually, we don’t use “Optimize CSS delivery” and “Remove unused CSS”. They will increase your Google Page Speed score but they may badly impact on website loading appearance by adding some jump and “flashes of unstyled content”.

https://prnt.sc/8KzB5Lp_09-e

If the “Remove unused CSS” cause the issues, you could try the “Load Asynchronously” option instead – https://prnt.sc/Qpe1AiLrnEIR

Kind Regards

[Author]

Posts