A lot of styling issues since last update

Hi,

I’ve recently updated the theme, but now I’m facing a lot of styling issues. You’ve provided some custom CSS, but it seems that since the last update some of that code is not working anymore.

1. The variation options are visible on category pages and cross sell blocks on mobile. On desktop there are hidden (which is good), but on mobile they suddenly reappeared

2. On the product page, the name of the variation (color) and title are visible. They were hidden before, as you can see the color icons.

3. Instead of 24 products (which is the default in the settings), 25 products are visible on the category pages in grid view. There should only be 24 products visible ofcourse.

Please help me out, thanks!

Best,

Paul

Hello,

Please restore your site from the backup and provide the site admin access I will update the theme correctly without loss of customization.

Best Regards f

Hi,

I’m sorry, but that is not going to work for me. Restoring the webshop back to a previous backup is too much work and I’m afraid I will break something.

Number 3. has already been fixed, but maybe you can provide me custom CSS to hide the variation options for mobile? That will fix it for now. I will need a developer to get rid of all the custom CSS as it doesn;t work on the long term.

Thanks!

Paul

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

.woodmart-hover-alt .woodmart-add-btn {
display:none;
}

I do not see the color selection on the product page https://prnt.sc/x76xxw

Best Regards

Hi,

Thanks, but unfortunately the code doesn’t work. The ‘opties selecteren’ (select option) is still visible on mobile.

The color selection is visible on mobile, the screenshot is desktop I guess?

Best,

Paul

Also, I see that on Iphone the font awesome icons are not visible. Just after the add to cart button there are several USP’s without font awesome check marks. How can I fix this?

And do you have an solution for the variant options visible on the category pages on mobile?

Hello,

Please replace the code with this one:

.woodmart-hover-alt .woodmart-add-btn {
display:none;
}

And add this code:

body .variations_form .variations td.label{
display:none;
}

Best Regards

Still no difference, I’m sorry :(. The variation options are still visible on each product.

I don’t understand why it’s hidden on desktop, but on mobile it’s visible. Maybe you can check it out with site access? Or do you have another solution with CSS?

Hello,

Make sure you have added the code to Mobile, not Global and clear the cash.

Best Regards

Hi,

Yes I did both, twice already, but it’s still visible

Please check this recording to see what is happening. On desktop it’s hidden, but as soon as the resolution gets to tablet, it’s visible:

Could you please provide me with a solution? Thanks!

And could you also check this previous question –> Also, I see that on Iphone the font awesome icons are not visible. Just after the add to cart button there are several USP’s without font awesome check marks. How can I fix this?

Hi,

The problems are fixed now with help from a developer. You can close this ticket!

Could you please remove the attachments and screencast link before closing the ticket? Thanks

best,

Paul

Hello,

Ok. we shall delete the images from this topic.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts