Visual changes after updating from 7.04 to 7.14

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

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

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.

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

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

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

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

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

Kind Regards

[Author]

Posts