Hi!
Is there a way to use different flexbox alignement depending on the size of the screen without creating 2 different row and playing with hiding during breakpoint? Perhaps using CSS?
Thank you!
Nathalie 
Hello Nathalie,
Thanks for writing in!
Are you referring to the header or footer? Instead of using two bars and showing/hiding the bars in different screen sizes, you can utilize the global blocks. With Global Blocks, you make use of the section, rows, and columns. In the row settings, there is the Column Layout option which allows you to choose the number of columns to display in respective screen sizes. Having this way, you do not have to hide or show the same elements added to the bars. You only need one bar, a container, and your global block.
To learn more about Global Block, please check this out:
And to learn about the column layout in the row settings, please check this out:
Hope this helps.
Hi!
No. I mean is there a way to, instead of creating different layout for mobile, apply a css that would tell the flexbox to place the content of a column left on certain screen sizes (@media) and let’s say center on mobile?
I have seen css codes to do it for targeted elements like text but I would like to apply it to all content inside a column. This is for my content and not for header and footer.
Thanks!
Hey @ArcaneE,
Regretfully, there’s no option for that currently so you’d need to write your own CSS. Just note that writing custom CSS is outside the scope of our product support so you need to know CSS and how to use the browser’s dev tools yourself.
In the future, there might be a feature that will allow an option value per screen size.
Please stay tuned for product updates.
Thanks.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.