-
Posts
-
Hi,
I’ve customised 3 flex columns, ie placed custom classes within the text containers, and I’ve noticed that they overlap when shrinking the screen. They eventually will go underneath each other, but only after about 30% overlap.
Is there anyway to control when items will transition to the next line on a media css line for example?
Cheers
Hi!
Adjust the width of the elements inside the columns to 100%:
@media only screen and (max-width: 1100px) { #homepage .welcome, #homepage .service, #homepage .testimonials { width: 100%; }}Best regards,
IsmaelThat helps a lot, I’ll need to do some work to adjust how the image reacts, but I think I can get there…thank you again
have tested a little and think I’d prefer an option which keeps the containers at the same width, and forces the container to go underneath similar to when the website reduces to a mobile width.
Is this possible?
Cheers
all good, I understand that it’s the flex_column that still reduces in size and that is the class which I need to apply a min-width clause…
Thank you
By the way, I actually really like the support element and the structure which you guys help your customers, so let me know a link to write a review:)
Hey!
glad it’s working for you. Let us know when you need any more help with the theme. We are happy to assist you.
If you wish to write a review you can do so when you login into your themeforest account and rate for Enfold here: http://themeforest.net/downloadsBest regards,
Andy
- You must be logged in to reply to this topic.