Home Forums WoodMart support forum i have to double refresh to see changes

i have to double refresh to see changes

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #686697

    sheldon
    Participant

    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.

    #686779

    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,

    #686790

    sheldon
    Participant

    hi guys

    see deets below

    cheers
    s

    #686807

    sheldon
    Participant

    Hi guys see below

    #686819

    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,

    #686833

    sheldon
    Participant

    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

    #686877

    sheldon
    Participant

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

    Attachments:
    You must be logged in to view attached files.
    #686928

    sheldon
    Participant

    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.
    #686989

    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,

    #690678

    sheldon
    Participant

    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,

    #690682

    sheldon
    Participant

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

    #690808

    Hello,

    The CSS code you shared earlier doesn’t seem to have any effect on your site. Could you please clarify what you’re trying to achieve with the mega menu spacing? Once you explain the exact layout or appearance you want, I’ll check it for you and provide the most suitable CSS solution.

    Best Regards,

    #691069

    sheldon
    Participant

    Hi Aizaz

    so what im trying to achieve is les verticle gap between each catagory on the dropdown as im aware there are so many on some smaller older laptops it may cut the bottom of the dropdown off or make it hard/imppossible to see, so i need to reduce the gap. i see you commented the css out so i think i may have found the css that controls its and it seems to work on every page not just the landing page as before.

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

    however there is still the problem of the catagories not sitting under each other in a column, if there are any catagories that have few letters so a short word they become inline instead of one under the other

    Attachments:
    You must be logged in to view attached files.
    #691169

    Hello,

    Try to add the following Custom CSS code.

    /* Fix category items alignment and spacing in Mega Menu */
    .whb-header-bottom .wd-dropdown .wd-nav-product-cat:not(.wd-nav-mobile) > li {
        display: block !important;
        width: 100%;
    }
    .whb-header-bottom .wd-dropdown .wd-nav-product-cat:not(.wd-nav-mobile) > li > a {
        display: block !important;
        padding-block: 4px !important; /* reduce vertical gap */
        font-size: 14px !important;
        line-height: 1.2;
        text-transform: uppercase;
        white-space: normal; /* allow wrapping for long names */
    }

    After this, check back your site after completely clearing the site cache/browser cache and check the issue.

    Best Regards,

    #691386

    sheldon
    Participant

    thanks for this

    its almost there ive had to add a min height as the other simply doesnt reduce it enough:

    .whb-header-bottom .wd-dropdown .wd-nav-product-cat:not(.wd-nav-mobile) > li > a {
    display: block !important;
    padding-block: 0px !important; /* reduce vertical gap */
    font-size: 12px !important;
    line-height: 1.2;
    font-weight: 600;
    min-height: 30px;
    text-transform: uppercase;
    white-space: normal; /* allow wrapping for long names */ }

    /* Fix category items alignment and spacing in Mega Menu */ .whb-header-bottom .wd-dropdown .wd-nav-product-cat:not(.wd-nav-mobile) > li {
    display: block !important;
    width: 100%;
    }

    but when you open in another page again it displays differently the titles in the columns now havhe extra padding or heights see attched

    Attachments:
    You must be logged in to view attached files.
    #691391

    sheldon
    Participant

    ive added this seems to have fixed it:

    .vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner {
    padding-top: 0px;
    }

    .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0px;
    }

    #691395

    sheldon
    Participant

    the last issue is the size of the border around the drop down its huge can find the css that effects that

    #691396

    sheldon
    Participant

    ignore the padding issue found it in the menu perameters

    #691477

    Hello,

    The border you’re seeing on the dropdown is added through the row settings. Please edit the HTML block, then open the row’s Design Options and review the 5px border setting applied there.

    See Screenshot for better understanding:
    https://postimg.cc/68JXw8tk

    Best Regards,

    #691501

    sheldon
    Participant

    i added the border, that wasn’t the issue!? it was the spacing anyway ive fixed it now so it deosnt matter

    #691544

    Hello,

    Could you please clarify which issue you’re currently facing now?

    Best Regards,

Tagged: , ,

Viewing 21 posts - 1 through 21 (of 21 total)