Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 24, 2023 at 3:33 pm #1402320
    lzevon

    I’ve read the docs (https://kriesi.at/documentation/enfold/columns/#toggle-id-11)
    I’ve read other posts (https://kriesi.at/support/topic/grid-row-4-columns-on-desktop-and-2-columns-on-mobile/, etc)
    But I still don’t see my columns when using grid rows on two lines for mobile. In some cases I have a grid row and in others columns and I can get columns to work with:

    /* Mobile 2 columns per line */
@media only screen and (max-width: 767px) { 
@media only screen and (max-width:767px) {
.col-sponsors {
width:49%!important;
}
.col-sponsors.av_one_fourth{
margin-left:1%!important;
}}

    But how can I get it working on grid rows using a class name so I get 2 per row?

    • This topic was modified 1 year, 8 months ago by lzevon.
    March 25, 2023 at 8:08 pm #1402505
    Mike

    Hey lzevon,
    Thanks for your patience and the link to your site, I see currently you are using 1/5 columns and only the first 3 have the custom class col-sponsors the last one doesn’t have a sponsor image or custom class, nonetheless as it is right now you could use this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width:767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin.col-sponsors {
	width:49%;
	display: inline-block;
}
}

    Enfold_Support_731.jpeg
    If you add the custom class to the fourth one it will also line up.

    Best regards,
    Mike

    March 27, 2023 at 4:16 pm #1402656
    lzevon

    Thank you!

    March 27, 2023 at 7:56 pm #1402675
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘grid row and columns – 2 per line on mobile’ is closed to new replies.