URGENT: Product pages receive unwanted padding on mobile after theme update

Hi guys
I just updated our live website to WoodMart 6.3 and many things got broken, mainly on the product page. My developer is taking care of most of the issues, but I’d like to consult with you on a specific one.

At the moment, when viewing product pages on a mobile devices, the entire length of the pages has white padding on both sides. Please see the following video that compares our live site with 6.3 and our staging site with 6.2.4.
https://we.tl/t-J56HvjMUt8

https://www.wildguitars.co.il/product/mono-vertigo-ultra-electric/
https://dev2.wildguitars.co.il/product/mono-vertigo-ultra-electric/

Thanks,
Tom

Hi,

Please, provide us your admin access from both sites so we can log in, compare and check this on your side.

Thank you in advance.

Hi Bogdan, saw that the xtemos username was used to log in, not sure if it was you or Artem who replied to another topic that I opened. Anyway, I have provided the admin details in the hidden content.

Best regards,
Tom

Hello,

I +1 this. Since your last update you have added left and right padding to mobile so our page layouts do not look good! We now have white lines on either side of our edge to edge sections etc.

To explain, of course there needs to be padding or margin of left and right on mobile devices, but in the last update you have added padding to the full screen layout sections. I show some screenshots below of a product page and full width section which now has white edges:

Before update (all correct): https://ibb.co/0tMhrkv
After update (not correct) https://ibb.co/qdk5JQd

Hi,

1. Double paddings (https://prnt.sc/2qMkCvesnny7) on the sides of your product gallery are caused by customizations in your child theme. Try to switch to the parent theme and check again.

2. Cut-off mobile accordion content is caused by a theme bug. It will be fixed in the next theme update. For now, it can be fixed by following custom CSS code:

@media (max-width: 1024px) {
	
	body .wd-accordion .wd-scroll-content {
		overflow: visible;
	}

}

Kind Regards

Hi Bogdan,

Thank you for your reply.

1. The padding in your screenshot is not the one that I was referring to. My web developer already solved the issue, so you can’t see it anymore. I have attached a screenshot demonstrating the padding that I was experiencing before the fix.

2. The code you provided didn’t really solve the issue. The entire product page – including the short description – has the unwanted padding. After adding your code, the long description now has the background all the way to the edges which is nice, but the content itself still has padding. Rows that have a “stretch content with no padding” setting, don’t have the content reach the edges as expected.

Please see the attached screenshot of the short description.

Attachments:

You must be logged in to view attached files.

Hello @Bogdan

Your CSS fix below for the theme bug worked for my issue. Can you please make sure you patch this in the next update?

@media (max-width: 1024px) {

body .wd-accordion .wd-scroll-content {
overflow: visible;
}

}

@tomyech

Your product page contains two different issues the reasons for which are not related to each other.

1. The issue that you show on video is caused by customization in your child theme and has yet not been fixed (https://prnt.sc/vHdWg2QwKUMz). Your product page misses part of the styles because of overwritten parent theme files in the child theme. Try to remove customization or switch to the parent theme.

2. Issue with the content of the product accordion is fixed by our custom code provided earlier (https://prnt.sc/dDB4acnOhFkM). This will also be fixed in the next theme update.

@ToriTori38

As was stated in our previous reply, this issue will be fixed in the next theme update.

Kind Regards

[Author]

Posts