Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1402320

    I’ve read the docs (
    I’ve read other posts (, 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 {

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

    • This topic was modified 8 months, 2 weeks ago by lzevon.

    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 {
    	display: inline-block;

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

    Best regards,


    Thank you!


    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,

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.