Problem with the unchached CSS and pages.

[supp0rt]

Hello,

I am passing all the CSS modifications inside Theme Settings > Custom CSS. The problem is that the changes do not apply on the first load of every page, for the first time a customer visits the page. I have posted a video below.

The steps to replicate the problem are below:

1. Go to a page in the shop
2. Choose a category from the categories on the header
3. Go to a sub-category
4. Return to the category on the second step using the breadcrumb
5. You can see the CSS changes/modifications are not loading
6. If you refresh the page you can see the changes applied correctly.

A cache is not used on the server side, nor a plugin is used on the site. Also, the test on the video provided below is, was made in an incognito browser window.

I have provided you with access to a testing website (Login Credentials are tested and working).
You can disable any plugins and perform any tests you need to do. You have permission from me to do it.

Let me know how this can be fixed.

Best Regards

• This topic was modified 3 years ago by supp0rt.

Hello,

Try to increase the strength of your CSS selectors in your custom CSS. For example, add body tag before each selector:

.wd-nav-vertical.wd-design-with-bg

replace to this

body .wd-nav-vertical.wd-design-with-bg

Let me know if it works for you.

Kind Regards

Hello,

I tested the body selector before any other CSS. It works in one case, but there are other CSS classes that are not affected by the body. Can this be a conflict between SASS and the way the theme optimizes the CSS or saves settings in the created CSS file?

I have come across this behavior when I enabled a cache plugin in a different project.

Is it possible to take a look from your end also?

Best Regards

Hello,

I would like to ask a question about the strength of the selector that you referred to.
How does the strength of the selector work on the second load but not on the first load of the page?

Best Regards

Hello,

Because on the first load our Custom CSS is loaded before some CSS parts and that is why it is not applied correctly.

Could you please specify a selector that doesn’t work for you? Also, send us a screenshot and page URL where we can test it.

Kind Regards

[Author]

Posts