Horizontal Alignment Not working

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
User avatar
semua
 
 
Posts: 41
Joined: Fri Jan 20, 2017 2:28 am

Horizontal Alignment Not working

Post by semua »

Hello
I have a LayoutGrid with a Text and some Icons (FontAwesomeIcon). The icons do not respect the alignment defined in the column, I have already set the horizontal alignment to "center" and however the icons are still aligned to the left when viewing in the mobile browser (specific for mobile version).

Last layoutgrid, where it says "CLIQUE & FALE CONOSCO".
https://url.gratis/eBUfkn

Image Link:
https://prnt.sc/1vcqomt
Last edited by semua on Fri Oct 08, 2021 10:29 pm, edited 1 time in total.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Horizontal Alignment Not working

Post by crispy68 »

Your link doesn't work for me.

Make sure on each breakpoint to open up the grid properties and check that the column is set to center.
User avatar
Pablo
 
Posts: 21573
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Horizontal Alignment Not working

Post by Pablo »

To be able to help you, I need a DEMO project so I can see all your settings.

Note: I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

Please see this FAQ for further details:
viewtopic.php?f=10&t=82134
User avatar
Chris_t
 
 
Posts: 84
Joined: Thu Oct 27, 2016 7:39 pm

Re: Horizontal Alignment Not working

Post by Chris_t »

User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Horizontal Alignment Not working

Post by crispy68 »

If you are referring to the 6 icons towards the bottom of the page, they all seem to be centered to me. The problem I see is when it gets smaller the 3 columns get squished and it's unreadable. The grid needs to flip to vertical and create 1 column at no later than 420px to stay looking good. Make sure to check your breakpoint in the grid properties.
User avatar
semua
 
 
Posts: 41
Joined: Fri Jan 20, 2017 2:28 am

Re: Horizontal Alignment Not working

Post by semua »

Corrected link:
https://url.gratis/eBUfkn

This problem only happens in the mobile version (not the desktop). Alignment is centered, but still doesn't work.

Image Link:
https://prnt.sc/1vcqomt
User avatar
Pablo
 
Posts: 21573
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Horizontal Alignment Not working

Post by Pablo »

To be able to help you, I need a DEMO project so I can see all your settings.

Note: I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

Please see this FAQ for further details:
viewtopic.php?f=10&t=82134
Post Reply