Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #829667

    Hello. On desktop I have a row of four images. On mobile it reduces to one column. How can I change it so that there are two pictures in each row?

    #829668

    Hey k593,

    Add the following to quick css:

    
    @media only screen and (max-width: 767px){
    .responsive #top #wrap_all .flex_column{
    width:50%!important;
    }
    
    }

    Best regards,
    Jordan Shannon

    #829722

    That worked for the whole site, but I’m just looking to do it with specific color sections using the developer ID. I tried putting the ID #aboutIcons into the CSS, but couldn’t get it to work.

    • This reply was modified 7 years, 3 months ago by k593.
    #829726

    Hi,

    Is this just for the home page?

    Best regards,
    Jordan Shannon

    #829728

    There are several “About” pages with sections that need them and possibly on other sections throughout the site. Would be good to set any given section this way as needed. Developer ID in color sections make the most sense to me.

    #829731

    Hi,
    Try this:

    @media only screen and (max-width: 767px){
    #abouticons .flex_column{
    width:50%!important;
    }
    }

    Best regards,
    Jordan Shannon

    #829754

    That worked! Thanks!

    #829839

    Hi,

    No problem. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Two columns for mobile’ is closed to new replies.