Home › Forums › WoodMart support forum › Visual changes after updating from 7.04 to 7.14

Visual changes after updating from 7.04 to 7.14

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 20, 2023 at 2:56 pm #452643

    wildguitars
    Participant

    Greetings XTemos team.

    I have updated the theme on our staging website in preparation for updating it on our live site. This has caused several visual changes, and I’d appreciate your assistance in correcting them. I apologize in advance for the lengthy email. For each issue I will include a screenshot from our live site, followed by one from the staging site.

    Telephone icon in header has changed position:

    Brand logo on product page has changed position:

    Product image thumbnails have disappeared:

    “On sale” filter in categories sidebar has reverted to English:

    Product sort filter in categories has changed position:

    “Remove filter” button has changed position:

    Mobile header has completely changed:

    Mobile menu font size has changed:

    The shadow used to close the mobile menu has disappeared:

    I may very well find additional issues, but this is what I found for now.

    Thanks in advance for your help.

    Best regards,
    Tom

    March 20, 2023 at 6:36 pm #452741

    Artem Temos
    Keymaster

    Hello,

    1. Telephone icon in header has changed position.

    You need to change the button size to small to fix this.

    2. Brand logo on product page has changed position.

    Replace the following code

    .wd-product-brands.set-mb-s.woodmart-product-brands {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}

    with this one

    .product-design-default .entry-summary:not(.col-lg-4) .wd-product-brands {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}

    3. 4. & 9. Product image thumbnails have disappeared

    Please, send us your admin access so we can check what is wrong.

    5. Product sort filter in categories has changed position

    Replace this custom CSS

    .wd-filter-buttons.wd-action-btn.wd-style-text.woodmart-filter-buttons {
    float: right;
}

    with this one

    .wd-filter-buttons {
    float: right;
}

    6. “Remove filter” button has changed position: –

    Replace this custom CSS

    .wd-active-filters.woodmart-active-filters {
    display: inline-flex !important;
    flex-direction: column;
    align-items: flex-start;
}

    with this one

    .wd-active-filters {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

    7. Mobile header has completely changed

    – Enable “Display – icon” for mobile menu https://take.ms/sO5Hf
    – Change the button size to “small” https://take.ms/mm1Yx

    8. Mobile menu font size has changed

    Replace this custom CSS

    .site-mobile-menu li a {
    font-size: 16px;
}

    with this one

    .wd-nav-mobile.wd-nav li a {
    font-size: 16px;
}

    Kind Regards

    March 20, 2023 at 11:10 pm #452802

    wildguitars
    Participant

    Hi Artem,

    As usual, your support and service is nothing less than sensational. Thanks so much for the ultra fast and helpful reply.

    Your login credentials for the staging website should be the same as the live site; can you please check? I have provided the admin login URL in the private content.

    March 21, 2023 at 10:52 am #452919

    Artem Temos
    Keymaster

    3. & 4. It is caused by an outdated file in the child theme woocommerce/single-product/product-images.php and footer.php. You need to take them from the latest version and then apply your changes.

    4. There is no translation for this word in the Loco translate.

    Kind Regards

    March 24, 2023 at 11:17 am #453821

    wildguitars
    Participant

    Hi Artem,

    Thank you for your additional feedback. I will have our web developer deal with the outdated file as I have no idea how to do this.

    Regarding issue #8 (Mobile menu font size has changed), I could not find this code in the custom CSS:

    .site-mobile-menu li a {
    font-size: 16px;
    }

    Can you please point me in the right direction?

    Also, I’d appreciate your assistance with the final issue (The shadow used to close the mobile menu has disappeared).

    Thanks,
    Tom

    March 24, 2023 at 6:11 pm #453970

    Artem Temos
    Keymaster

    Hello,

    We don’t see this CSS on your website either. Try to change it using our Advanced typography as shown on the screenshot https://monosnap.com/file/BPmpWAnX1oiTHC2YNVhxYfMOdfSCVz

    As for the mobile menu issue, it is also related to the outdated version of the footer.php file in your child theme.

    Kind Regards

    March 26, 2023 at 7:14 pm #454243

    wildguitars
    Participant

    This did the trick, thanks so much Artem!
    Looks like we have everything we need to update the theme on our live site.

    Best regards,
    Tom

    March 27, 2023 at 9:10 am #454324

    Artem Temos
    Keymaster

    Great, we are glad to hear that! Feel free to contact us if you have any further questions.

    Kind Regards

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Visual changes after updating from 7.04 to 7.14’ is closed to new replies.