Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 4, 2018 at 2:29 pm #937184
    petzeus

    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 #937253
    Victoria

    Hey 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,
    Victoria

    April 4, 2018 at 4:23 pm #937269
    petzeus

    Hi 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?
    Paul

    April 4, 2018 at 4:58 pm #937305
    Victoria

    Hi 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 #937312
    petzeus

    Fantastic, colour me impressed! Thank you so much, exactly what the doctor ordered!

    Resolved.

    April 5, 2018 at 6:50 am #937499
    Rikard

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.