How to centre elements centre after 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
mrshah
 
 
Posts: 28
Joined: Thu Apr 02, 2015 9:51 am

How to centre elements centre after breakpoint

Post by mrshah »

Hey guys

does anyone know How to centre elements centre after breakpoint

thanks
User avatar
Pablo
 
Posts: 22489
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How to centre elements centre after breakpoint

Post by Pablo »

What exactly did you do?
Can you please be more specific?
mrshah
 
 
Posts: 28
Joined: Thu Apr 02, 2015 9:51 am

Re: How to centre elements centre after breakpoint

Post by mrshah »

Hey Pablo

I am using a flexbox container

3 columns

on mobile, id like the elements to be centralised.

is this possible?

thanks
User avatar
Pablo
 
Posts: 22489
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How to centre elements centre after breakpoint

Post by Pablo »

Yes, you can use different flexbox properties in breakpoints.
mrshah
 
 
Posts: 28
Joined: Thu Apr 02, 2015 9:51 am

Re: How to centre elements centre after breakpoint

Post by mrshah »

I have done this

Its not working sorry, i should be specific

I have a layout grid

grid system: flexbox

1 - 7 - 4
all left aligned

after breakpoints, how do i align centre on mobile etc?
User avatar
Pablo
 
Posts: 22489
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How to centre elements centre after breakpoint

Post by Pablo »

You wrote:
I am using a flexbox container
So, my answer applied to using a flexbox container, not a layout grid.

If you need further assistance then please share a DEMO project (.wbs file) so I can see all your settings.

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.

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134
User avatar
crispy68
 
 
Posts: 2913
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: How to centre elements centre after breakpoint

Post by crispy68 »

after breakpoints, how do i align centre on mobile etc?
Select the breakpoint, open up the grid, select each cell and set the alignment to center.
mrshah
 
 
Posts: 28
Joined: Thu Apr 02, 2015 9:51 am

Re: How to centre elements centre after breakpoint

Post by mrshah »

hey Crispy

Thanks, but before the breakpoint

Id like the content to be 'left' essentially on desktop so all elements look spaced out

Ive tried a few things, nothing seems to work
User avatar
Pablo
 
Posts: 22489
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How to centre elements centre after breakpoint

Post by Pablo »

If you need further assistance then please share a DEMO project (.wbs file) so I can see all your settings.
mrshah
 
 
Posts: 28
Joined: Thu Apr 02, 2015 9:51 am

Re: How to centre elements centre after breakpoint

Post by mrshah »

In the footer,

the text

GDPR...
COOKIE

Left on desktop
Centre on mobile pls
Last edited by mrshah on Wed Nov 22, 2023 11:25 am, edited 1 time in total.
User avatar
Pablo
 
Posts: 22489
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How to centre elements centre after breakpoint

Post by Pablo »

The link does not work for me: "Access Denied"
mrshah
 
 
Posts: 28
Joined: Thu Apr 02, 2015 9:51 am

Re: How to centre elements centre after breakpoint

Post by mrshah »

Idk, its shared with anyone with link, pls try again
Last edited by mrshah on Wed Nov 22, 2023 11:24 am, edited 1 time in total.
User avatar
Pablo
 
Posts: 22489
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How to centre elements centre after breakpoint

Post by Pablo »

I do not see any breakpoints in the projects?

If you want a different alignment for smaller screens then you will have to add a breakpoint.
Also, you will need to use responsive text.
mrshah
 
 
Posts: 28
Joined: Thu Apr 02, 2015 9:51 am

Re: How to centre elements centre after breakpoint

Post by mrshah »

Again

the breakpoint is in the footer container

i have added responsive text, still not working
User avatar
Pablo
 
Posts: 22489
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How to centre elements centre after breakpoint

Post by Pablo »

I'm sorry,m but I do not see any breakpoints in the project you have shared.

The project has 1 page: index with no breakpoints.
mrshah
 
 
Posts: 28
Joined: Thu Apr 02, 2015 9:51 am

Re: How to centre elements centre after breakpoint

Post by mrshah »

What page breakpoint are you referring to?
User avatar
Pablo
 
Posts: 22489
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How to centre elements centre after breakpoint

Post by Pablo »

I am referring to page breakpoints:
https://www.wysiwygwebbuilder.com/respo ... esign.html
mrshah
 
 
Posts: 28
Joined: Thu Apr 02, 2015 9:51 am

Re: How to centre elements centre after breakpoint

Post by mrshah »

Ok, ive added a breakpoint

now what please?
User avatar
Pablo
 
Posts: 22489
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How to centre elements centre after breakpoint

Post by Pablo »

After adding a breakpoint, you can set a different alignment for the text in that breakpoint.
Post Reply