Hello!
At the moment I’m almost done with building my website with PRO. I want to fix all the details and was wondering how I can fix this problem:
I use flexbox with a lot of items. When I use flexbox ‘align-horizontal: center’ on dekstop I need it to be at the left side on mobile. But what kind of CSS do I need? I found justify-content but this doesn’t work.
Hopefully you can help me with this problem.
Hey Lisa,
Responsive Styling feature is coming in the builders soon. The feature will allow you to set different option value per screen size. You can learn more from our latest Status Report here https://theme.co/content/status-report-may-14-2021
For now, the official solution would be to duplicate the element and set it differently for mobile then hide /show the desktop and mobile version using the Hide During Breakpoints feature.
The custom CSS that you need would be according to what exactly you are targeting. Using the browsers element inspector is useful for finding the right selectors to use. Otherwise, your CSS won’t work and regretfully, we do not provide custom codes as part of product support. We can only provide custom CSS guidance in our One plan.
Thank you for understanding.
Hi Christian,
Your first words make my day! The responsive styling would make everything even more beautiful. And knowing this is enough for now.
I’m familiar with the hide/show option, but this ‘align-horizontal’ item was the only thing I didn’t know about the CSS function. So maybe I did something wrong or used the wrong words for the function. But I’ll fix it for now with hide/show and that’s good!
Thanks for your comment.
Glad to hear that, Lisa.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.