Fix issues after theme update

Hey FelixB,

Are you using a child theme? If you are, then please activate the parent theme to see if the problems go away. You might have to replace the files you are overriding in your child theme with the content from the parent theme. You can add your customisations back in after that.

Best regards,
Rikard

Hi,

Could you please create temporary admin logins of your staging site and post them here privately so we can look into it? :)

Best regards,
Yigit

Hi,

Thanks for the login details. Could you share FTP login details in private as well please?

Best regards,
Rikard

Hi,

Thanks for the update.

Footer: I’m not sure if I understand the problem you are having, since the footer looks fine on my end, and it corresponds to the content on the backend as well. Could you try to explain the problem a bit further please?

Icons: Where exactly can we see this problem? Could you post a screenshot highlighting it please?

Product: I checked the product in private, but I can’t see any missing images. Could you try to explain this problem a bit further as well please?

General: I see some error messages on your site, which seems to be related to jQuery. I’m not sure exactly what is causing them, but you should probably be using the default jQuery version from WordPress. That means you don’t have to use the jQuery migrate plugin. If that doesn’t remove the error messages, then please try deactivating all plugins, to see if that changes anything.

Best regards,
Rikard

Hi,

I can see the misaligned icons in the menu, but the other ones are working well when logged in, but not when logged out. If there are differences between those states, it’s likely due to caching. I’m not sure why you are running a caching plugin on a development site, so it might be a good idea to clear the cache or deactivate the plugin. Deactivating plugins is otherwise one of the first things one would do when debugging a WordPress site.

I can’t reproduce the results in the screenshot in private. Please try loading the page in an incognito or private browser window to see if that helps.

Best regards,
Rikard

Hi,

Thanks for the update. We’ll have to check each problem separately, if you could provide screenshots of each problem, then that would be helpful.

You can use this to adjust the down arrows in your menu for example:

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    margin-top: 9px;
}

In an earlier message you wrote this: “You might have to replace the files you are overriding in your child theme with the content from the parent theme. You can add your customisations back in after that.”

Your child is not active at the moment, but if you are overriding templates there, then those might be creating problems. You can check that by activating the parent. If it works as it should when the parent is active, then the problem is likely coming from the child. To fix that, you would copy the template from the source into the child, then apply your customisation again after that.

Best regards,
Rikard

Hi,

Thanks for the update. We can’t possibly address all of these problems at once, please specify them one by one in the order you see fit. I had a look at the header for example, and your menu seems to be generated by a plugin. We cannot be responsible for problems with third party plugins, although we will try to help. There also seems to be problems with caching on the site, I would advice that you clear all caches and deactivate the caching plugin. Having caching on a staging site that you are trying to debug is a bit like asking for more problems.

Best regards,
Rikard

Hi,

We’ll check and try to correct one problem at a time, we can’t address all of the issue you are listing at once. I checked the single product page to see why the variations are not showing correctly. I activated a default WordPress theme, and it doesn’t look like your live site then either, so it might be a problem with the plugin which is generating that content.

You can try adding this CSS in order to style the section more like your live site though:

.single-product tr.iconic-wlv-variations__row {
    background: #fff;
}

.single-product p.in-stock {
    background: lightcyan;
    padding: 10px;
    margin: 0;
    text-align: center;
}

.single-product form.cart {
    background: #fff;
    padding: 20px 10px;
    margin-bottom: 0;
}

.single-product .product_meta {
    background: #fff;
    padding: 20px 10px;
}

Best regards,
Rikard

Hi,

This CSS seems to be hiding the images:

.yith-wcbm-css-badge-50642 div.yith-wcbm-css-s1 {
    width: 0;
    height: 0;
    border-right: 65px solid #e0004d;
    border-bottom: 65px solid transparent;
    z-index: 12;
}

You can try to override it with something like this:

.yith-wcbm-css-badge-50642 div.yith-wcbm-css-s1 {
    border-right: 0;
    border-bottom: 0;
}

I checked the URL in private, but I actually think it looks better on your staging site. If you want some custom CSS, then please let us know exactly what you would like to change.

Best regards,
Rikard

Hi,

Thanks for the update. Please try this CSS as well:

.single-product .variations_form tr:first-child th, tr:first-child td, .single-product .variations_form tr th:first-child, tr td:first-child {
    border: none;
}
.single-product .variations_form label {
    color: #007fa3;
}
.single-product .variations_form th.label {
    width: 15%;
}

Best regards,
Rikard

Hi,

Thanks for the update. It looks like the staging site has the default layout, and the live site has been customised in some way. How exactly did you customise the live site? You might have overridden the default WooCommerce template, or altered it with one or more plugins?

You can check the default layout on the demo page in private, it looks very similar to your staging site. https://kriesi.at/themes/enfold-shop/checkout/

Best regards,
Rikard