Page 1 of 1

How to centre elements centre after breakpoint

Posted: Tue Nov 21, 2023 1:46 pm
by mrshah
Hey guys

does anyone know How to centre elements centre after breakpoint

thanks

Re: How to centre elements centre after breakpoint

Posted: Tue Nov 21, 2023 1:51 pm
by Pablo
What exactly did you do?
Can you please be more specific?

Re: How to centre elements centre after breakpoint

Posted: Tue Nov 21, 2023 1:57 pm
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

Re: How to centre elements centre after breakpoint

Posted: Tue Nov 21, 2023 2:06 pm
by Pablo
Yes, you can use different flexbox properties in breakpoints.

Re: How to centre elements centre after breakpoint

Posted: Tue Nov 21, 2023 2:08 pm
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?

Re: How to centre elements centre after breakpoint

Posted: Tue Nov 21, 2023 2:11 pm
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

Re: How to centre elements centre after breakpoint

Posted: Tue Nov 21, 2023 2:31 pm
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.

Re: How to centre elements centre after breakpoint

Posted: Wed Nov 22, 2023 10:45 am
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

Re: How to centre elements centre after breakpoint

Posted: Wed Nov 22, 2023 10:53 am
by Pablo
If you need further assistance then please share a DEMO project (.wbs file) so I can see all your settings.

Re: How to centre elements centre after breakpoint

Posted: Wed Nov 22, 2023 11:07 am
by mrshah
In the footer,

the text

GDPR...
COOKIE

Left on desktop
Centre on mobile pls

Re: How to centre elements centre after breakpoint

Posted: Wed Nov 22, 2023 11:10 am
by Pablo
The link does not work for me: "Access Denied"

Re: How to centre elements centre after breakpoint

Posted: Wed Nov 22, 2023 11:11 am
by mrshah
Idk, its shared with anyone with link, pls try again

Re: How to centre elements centre after breakpoint

Posted: Wed Nov 22, 2023 11:18 am
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.

Re: How to centre elements centre after breakpoint

Posted: Wed Nov 22, 2023 11:48 am
by mrshah
Again

the breakpoint is in the footer container

i have added responsive text, still not working

Re: How to centre elements centre after breakpoint

Posted: Wed Nov 22, 2023 12:18 pm
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.

Re: How to centre elements centre after breakpoint

Posted: Wed Nov 22, 2023 12:30 pm
by mrshah
What page breakpoint are you referring to?

Re: How to centre elements centre after breakpoint

Posted: Wed Nov 22, 2023 12:40 pm
by Pablo
I am referring to page breakpoints:
https://www.wysiwygwebbuilder.com/respo ... esign.html

Re: How to centre elements centre after breakpoint

Posted: Wed Nov 22, 2023 7:57 pm
by mrshah
Ok, ive added a breakpoint

now what please?

Re: How to centre elements centre after breakpoint

Posted: Wed Nov 22, 2023 8:32 pm
by Pablo
After adding a breakpoint, you can set a different alignment for the text in that breakpoint.