-
AuthorPosts
-
April 4, 2018 at 2:29 pm #937184
Guys, fantastic theme, love the recent improvements! I have searched your forums for this issue, but can’t find a solution.
I have a Fullwidth button content element inside each one of four av_one_fourth columns (nested inside a color section). At desktop screen widths, the columns are properly 1/4 (a single row), but switch to 2/2 (two rows) at tablet size — (max-width: 989px) and (min-width: 768px). Is there a simple fix to keep the 1/4 single row at tablet screen size?
At mobile size, the columns properly switch to 4/1 (as expected and desired).
Interestingly, the four-column footer does not behave in the same manner (no 2/2 at tablet size).
Thanks in advance!
April 4, 2018 at 4:10 pm #937253Hey petzeus,
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 screen and (min-width: 768px) and (max-width: 989px) { #top #av_section_3 .no_margin.av_one_fourth { width: 50%; } }
If you need further assistance please let us know.
Best regards,
VictoriaApril 4, 2018 at 4:23 pm #937269Hi Victoria, thank you for the very quick response!
Unfortunately, that CSS code stretches the columns to full page-width 2/2 (two rows).
What I am trying to achieve is for the columns to always stay as a single row (1/4), except for mobile (4/1). At no point do I want to see two rows (2/2).
Is that possible?
PaulApril 4, 2018 at 4:58 pm #937305Hi Paul,
Oh, ok, I guess I got you wrong. Try this code
@media screen and (min-width: 768px) and (max-width: 989px) { .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div.avia-builder-el-11 { clear: none; } }
If you need further assistance please let us know.
Best regards,
Victoria- This reply was modified 6 years, 8 months ago by Victoria.
April 4, 2018 at 5:03 pm #937312Fantastic, colour me impressed! Thank you so much, exactly what the doctor ordered!
Resolved.
April 5, 2018 at 6:50 am #937499 -
AuthorPosts
- You must be logged in to reply to this topic.