Home › Forums › WoodMart support forum › URGENT: Product pages receive unwanted padding on mobile after theme update

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

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 9, 2022 at 1:42 pm #359196

    wildguitars
    Participant

    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

    March 9, 2022 at 3:38 pm #359251

    Bogdan Donovan
    Keymaster

    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.

    March 10, 2022 at 7:41 am #359384

    wildguitars
    Participant

    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

    March 10, 2022 at 7:50 am #359392

    ToriTori38
    Participant

    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.

    March 10, 2022 at 8:18 am #359403

    ToriTori38
    Participant

    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

    March 10, 2022 at 3:24 pm #359669

    Bogdan Donovan
    Keymaster

    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

    March 10, 2022 at 6:48 pm #359712

    wildguitars
    Participant

    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.
    March 11, 2022 at 8:24 am #359817

    ToriTori38
    Participant

    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;
    }

    }

    March 11, 2022 at 9:07 am #359837

    Bogdan Donovan
    Keymaster

    @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
Viewing 9 posts - 1 through 9 (of 9 total)