Home Forums WoodMart support forum Alignment of page template on mobile devices

Alignment of page template on mobile devices

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #218841

    jake
    Participant

    Hey there,
    I’m loving this Woodmart theme.
    There’s just one issue I’m having with the alignment of one of the pre-built templates on mobile devices.
    It’s this page https://hyperwellbeing.com.au/our-saunas/
    The images span wider than the width of the screen, which looks a bit strange.
    I’ve attached a screenshot for reference.
    Any ideas how to fix this?

    Attachments:
    You must be logged in to view attached files.
    #218908

    Hello,

    I have visited your website. It seems that you have set the alignment of the image to the right side. That’s why it is displayed like that.

    Screenshot for Clarification: https://ibb.co/MhPVdYJ

    Please try changing the image alignment. Then clear cache and check back.

    Regard’s.
    Xtemos Studio.

    #219210

    jake
    Participant

    Hey – I see what you are saying in the settings, but this was how the pre-built template was laid out? When I changed it to centred/left aligned it then looks awkward on desktop.

    Perhaps it was built for desktop first, not so much mobile?

    #219281

    Hello,

    Please try to regenerate the CSS from Woodmart >> CSS Generator >> Generate the CSS.

    If still found this issue, then please share the WP admin login details of your site so I will check and give you the possibility of your issue.

    Best Regards.

    #219388

    jake
    Participant

    Ok, I think I might you to take a look at it please.

    I’ve shared the login details with you privately…

    #219410

    Hello,

    I have logged into your website. It seems that you are using the single image to display the image.

    The element is of wp-bakery page builder and our theme doesn’t influence. Wp-Bakery page builder doesn’t provide responsive options for that element.

    You can apply a trick by creating a separate row for mobile and hide the current for mobile from Edit sections.

    Screenshot for Clarification: https://ibb.co/KW2kCwx

    Best Regards.

Viewing 6 posts - 1 through 6 (of 6 total)