Page layout is inconsistent on an actual mobile phone

  • Hello.
    In admin, the layout of the home page has a margin of 20px on the left and right. See here: https://a.cl.ly/Wnu6nJy0

    However on an actual mobile phone e margin does not appear on the home page. See here: https://a.cl.ly/6quJneZl

    Other pages on an actual mobile have a margin, though it appears more than 20px. See here: https://a.cl.ly/RBuJDOml

    Any suggestions on how the margins can be made consistent on the home page and other pages would be appreciated?

    Thank you,
    Bharat

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey @bharatk, although you can set paddings globally using Styles/ Layout elements can have their specific paddings and margins working and make your layout off.

    I recommend you to: First, group your Tile, Post Featured Image, and Post Content. The padding and margins from your new group should overrule individual settings.
    If that doesn’t work, you should zero the paddings and margins of each element — as they must be inheriting values from a previous design.

    The same recommendations should fix the issue for screenshot 3. Please let me know if it helps.

    Thread Starter Bharat Karavadra

    (@bharatk)

    @iamarinoh , thank you for the suggestions, I grouped some elements as you said but that didn’t seem to work, but I then adjusted some content/wide and padding/margin settings and the layout seems OK now on a mobile.

    I feel the grouping did help eventually somehow but I’m not sure how.

    Thank you for your help with this. It’s appreciated.
    Bharat

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Page layout is inconsistent on an actual mobile phone’ is closed to new replies.