Hello Woodmart Support Team,
I am experiencing a specific responsive issue while editing my Single Product Layout in Woodmart -> Layouts.
I have been able to successfully customize the layout for the Tablet view. For example, I set the main container’s left and right padding, and it works perfectly.
However, when I switch to the Mobile view and apply the exact same method to adjust the padding, the changes do not take effect on the live site. The content inside the container continues to stretch to the edge of the screen, ignoring the padding I have set in the Elementor editor.
My Goal:
My goal is simple: I want the main content on the single product page to have the same consistent left and right padding on mobile as my footer, so that everything is perfectly aligned. Currently, the footer aligns correctly, but the product content above it does not.
We have tried various custom CSS overrides with high specificity, but they also failed to solve the issue, which suggests something in the theme’s structure is overriding the mobile layout settings.
Request:
Could you please investigate my Single Product Layout to see why the mobile responsive settings for container padding are not working?
I have created a temporary admin login for you and will provide the credentials in the private content area below.
Thank you for your help!