i have to double refresh to see changes

i have added a fair bit of custom css and im experiencing some update issue mainly in the navigation area. i have increased the shopping icons size and i have also set padding for mega menu using html block, everytime i save and view its a mess then i refresh a second time and its working , obviously i cant go live with this issue. I have checked cache issues cant find anything that fixes it.

Hello,

I have checked your site and not identified the issue on your site. Could you please record a short video and describe how we can reproduce the issue on your website so we can check this for you?

Also, share the WP admin login details of your site so I can check and give you a possible solution.

Best Regards,

hi guys

see deets below

cheers
s

Hi guys see below

Hello,

It is a caching issue. Please purge your site cache, browser cache, and CDN cache and check the site in incognito mode / another browser to confirm if the issue persists.

Best Regards,

yeah ive done that but it still renders differently when you select a product catagory
https://taylors-tobacconists-co-uk.stackstaging.com/product-category/cuban-cigars/

the menus are huge!

cheers
s

there is also an issue with the Carts not lining up underneath each other

Attachments:

You must be logged in to view attached files.

ok i also have an issue with the ‘Show Sidebar’ link in mobile, i have Filter Everything Pro widgets here but the close overlay layer is on top of everything, when i change the z index you can close the slide out panel, see image

Attachments:

You must be logged in to view attached files.

Hello

Please try to clear the browser cache or check the issue in the incognito browser and record a short video and describe how we can reproduce the issue on your website, so we can check this for you.

Best Regards,

I’ve already followed all the suggested steps, but two issues remain unresolved:

Menu CSS not applying on first load

When accessing category pages (e.g. clicking Cuban Cigar), the menu fails to apply the custom CSS styles on the initial load.

This happens across all browsers.

It’s not a cache issue — it seems the CSS is either loading too late or not at all, unlike on the landing page where it works reliably.

Slider Revolution blocking page load

The slides are very small in file size and fully optimised, so they should load almost instantly.

However, the entire page stalls until all the slides have finished loading. Nothing else renders until the slider completes, which makes the page feel extremely slow.

The issue doesn’t appear to be asset weight, but rather the way the slider is initialising and blocking the page rendering process.

Here is the CSS I’ve applied for reference:

.wd-nav[class*=”wd-style-underline”] .nav-link-text {
position: relative;
display: inline-block;
padding-block: 1px;
line-height: 1.2;
font-weight: 500;
}

.wd-nav > li > a {
position: relative;
display: flex;
align-items: center;
min-height: 0px;
padding: var(–nav-pd);
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
line-height: 1.4;
text-decoration: none;
color: var(–nav-color);
background-color: var(–nav-bg);
box-shadow: var(–nav-shadow);
border: var(–nav-border);
border-radius: var(–nav-radius);
}

.wd-nav-product-cat:not(.wd-nav-mobile) > li > a {
padding-block: 5px;
font-size: 16px;
}

Could you please investigate why:

The menu styles don’t consistently apply on category pages, and

Slider Revolution is blocking the entire page from rendering until all slides are fully loaded?

It feels like a render-blocking/initialisation problem rather than a caching or optimisation issue. Any insight or fixes would be hugely appreciated.

Best regards,

pls ignore the load time, its on a staging platform so the cache doesn’t kick in until live

[Author]

Posts