Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 25, 2017 at 3:29 pm #829667
    k593

    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?

    July 25, 2017 at 3:35 pm #829668
    Jordan Shannon

    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

    July 25, 2017 at 5:55 pm #829722
    k593

    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, 4 months ago by k593.
    July 25, 2017 at 5:57 pm #829726
    Jordan Shannon

    Hi,

    Is this just for the home page?

    Best regards,
    Jordan Shannon

    July 25, 2017 at 6:06 pm #829728
    k593

    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.

    July 25, 2017 at 6:11 pm #829731
    Jordan Shannon

    Hi,
    Try this:

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

    Best regards,
    Jordan Shannon

    July 25, 2017 at 7:30 pm #829754
    k593

    That worked! Thanks!

    July 25, 2017 at 11:11 pm #829839
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

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