Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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!

    #937253

    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

    #937269

    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

    #937305

    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.
    #937312

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

    Resolved.

    #937499

    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

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