Shape and Heading not aligning correctly at a lower breakpoint

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
romlim
 
 
Posts: 22
Joined: Mon Jul 18, 2022 3:09 pm

Shape and Heading not aligning correctly at a lower breakpoint

Post 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
Last edited by romlim on Sat Aug 27, 2022 7:22 am, edited 1 time in total.
User avatar
Pablo
 
Posts: 21580
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post 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)
romlim
 
 
Posts: 22
Joined: Mon Jul 18, 2022 3:09 pm

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

Post by romlim »

Thank you it worked! I was struggling with this . I am glad that I asked for support.
Post Reply