Block alignment is skewed

  • Hello,

    I have created four separate sections (blocks) for my blog homepage. They are:

    1) Cover Photo
    2) Image + Text (introduction to blog)
    3) Heading H1 (Latest Posts)
    4) Latest Blog Posts.

    I have set my Cover Photo alignment as full width but the other three blocks are set as wide width.

    For some reason, blocks 2, 3, and 4 appear to line up nicely under each other when I’m editing the page but when I preview the page or visit the actual website they are completely skewed. For example block 2 looks centred, block 3 is underneath but slightly to the right of block 2, and block 4 is at the bottom of the page but to the far left of the screen. It’s like they’re working under different page margin definitions or something.

    Does anyone know how to fix up the alignment so that they are placed nicely under each other and not skewed? Also, I don’t want to set the alignment for every block as full width because then some text doesn’t appear on mobile screens.

    Thanks!

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

Viewing 1 replies (of 1 total)
  • Branko

    (@brankoconjic)

    Hey,

    Block group #2 – Image + Text has alignwide class.

    Then in #4 you have two sections, one ‘alignwide’ and one ‘fullwidth’.

    That is causing the layout issue.

    Edit the page and remove ‘alignwide’ and ‘fullwidth’ options from groups and inner sections.

    Screenshot.

    You can use “Block navigation” ^?O for navigating blocks.

Viewing 1 replies (of 1 total)
  • The topic ‘Block alignment is skewed’ is closed to new replies.