Home › Forums › WoodMart support forum › Setting up the mobile version of woodmart on product pg- (margin and background)

Setting up the mobile version of woodmart on product pg- (margin and background)

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 12, 2025 at 1:04 am #653517

    Gorcezan
    Participant

    Hello,
    Where can I adjust the Full width and background of the mobile version of the product page?

    I had a problem:
    1. I had a common product layout, but products even in the same category were displayed differently.
    2. First, I have an external background image for the desktop version, but for some reason the background is also transferred to the mobile version.
    3. On some pages, the background of the product page was transparent, on some – white. Although the layout is common.
    4. For some reason there was a margin on the problem pages and I couldn’t remove it. Clearing the cache via WPRoket didn’t help. I decided to look for the problem in the layout, but as a result all the product pages are now the same, but have an indent

    4. For some reason there was a margin on the problem pages and I couldn’t remove it. Clearing the cache via WPRoket didn’t help. In the end, after searching for problems in the layout, I now have the same product look everywhere, but the style is not the same as the category style: there is a margin

    • This topic was modified 3 days, 20 hours ago by Gorcezan. Reason: correct screenshot
    Attachments:
    You must be logged in to view attached files.
    April 13, 2025 at 9:14 am #653694

    Gorcezan
    Participant

    upd

    April 14, 2025 at 12:41 pm #653858

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I’ve checked your site on mobile, and currently, I’m not seeing any layout issues on the product pages. The mobile version appears full-width, with a consistent background and no extra margins.

    See Screenshots for clarification:
    https://ibb.co/1YpMgBJn
    https://ibb.co/gFtQZm6j

    If you’re still noticing the issue on your end, please try:

    – Clearing your mobile browser cache
    – Checking in incognito/private mode

    If the issue persists, feel free to share a screenshot or the URL of a specific product page where you’re experiencing the problem, and I’ll be happy to take a closer look.

    Best Regards,

    April 14, 2025 at 1:01 pm #653864

    Gorcezan
    Participant

    scr1 – not correct. I see a knitted background on the outside, but I shouldn’t.
    the page should be full width like in this screenshot scr2

    Attachments:
    You must be logged in to view attached files.
    April 14, 2025 at 4:14 pm #653921

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry to hear about the inconvenience.

    Kindly please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and give you a possible solution.

    Best Regards,

    April 14, 2025 at 4:32 pm #653928

    Gorcezan
    Participant

    access opened

    April 15, 2025 at 8:50 am #654069

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You’re currently using a custom layout for the single product page. When this custom layout is enabled, any changes made under Theme Settings won’t apply to that page.

    To make changes like setting the product image to full width on mobile, you’ll need to edit the custom layout with Elementor.

    Specifically:

    Open the single product layout in Elementor > Edit the container holding the product gallery > Adjust the content width, and if you want it to stretch full width, enable the “Stretch Container” option in the Xtemos layout settings (see screenshot: https://ibb.co/s1DYvJ4 ).

    Alternatively, if you prefer not to use a custom layout, you can control these settings:
    Theme Settings > Single Product > Product Page Layout.

    Here, you can select a different layout based on your image size preference and enable “Full Width Product Page” to stretch the content across the screen.

    Best Regards,

    April 15, 2025 at 3:33 pm #654298

    Gorcezan
    Participant

    thanks, but your recommendations didn’t help me. I don’t understand why if I have one layout for all products, the products are displayed differently even if they are in the same category.
    1. “Stretch Container” I have it turned on.
    2. Product Page Layout. doesn’t have a mobile only option. But the “Full Width Product Page” option didn’t help either
    even completely disabling my layout with a cache reset doesn’t solve the problem: In the mobile version, some pages are transparent and have an unnecessary background, and also have padding.

    Can you advise me how to fix the problem?

    Attachments:
    You must be logged in to view attached files.
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)