Page 1 of 1

Shape and Heading not aligning correctly at a lower breakpoint

Posted: Sat Aug 27, 2022 3:20 am
by romlim
Hello again pablo, I am having issues with alignment of a shape and a heading.

My breakpoint is 480px:
Problem #1: the Heading element does not align horizontally to the center although I set it to align center at 480px.

Image

This is my settings for the heading:

Image

Problem #2: the Layout Grid loses its settings at 480px. I have set the Shape element align to the center by chosing center alignment for the column but keeps aligning back to the right of the column

Image

This is my setting for the Layout Grid:

Image

I have tested this in Firefox, Opera and Chrome. Same issues in all browser.

I have the file here for you to look at.

https://filebin.net/82g6zssx2kkf6hl5

Re: Shape and Heading not aligning correctly at lower a breakpoint

Posted: Sat Aug 27, 2022 6:15 am
by Pablo
The implementation of breakpoints in this project is not correct.
The breakpoints of the master pages should be the same as in the pages that are using it.

Also, make sure that you have the latest version of the software (17.4)

Re: Shape and Heading not aligning correctly at lower a breakpoint

Posted: Sat Aug 27, 2022 7:22 am
by romlim
Thank you it worked! I was struggling with this . I am glad that I asked for support.