Tagged: responsive
I am part way through a build and can see that the site (when viewed on tablets) does not go responsive.
Columns are still present and it looks pretty bad…
What CSS do I need to tell the site to hit responsive at (let’s say) 1280px ?
Your help is ALWAYS appreciated!
I have added
@media only screen and (max-width: 990px) {
.flex_column { width: 100% !important; margin-left: 0 !important; }}
This does nothing!!!
Can anyone help with this?
All help is appreciated.
Hi whdsolutions,
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
Victoria
I just want the columns to be underneath each other at 1280px – how to do this
Hi did you solve it? i have exactly the same problem. Thank you
No – I need this fixing today as my client is getting very agitated by this!
Hi whdsolutions,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width:990px) and (max-width: 1280px) {
.page-id-13 #av_section_4 div .av_one_half.flex_column.avia-builder-el-40,
.page-id-13 #av_section_4 div .av_one_half.flex_column.avia-builder-el-45 {
width: 100%;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank you!
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon