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?
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
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.
Hi,
Is this just for the home page?
Best regards,
Jordan Shannon
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.
Hi,
Try this:
@media only screen and (max-width: 767px){
#abouticons .flex_column{
width:50%!important;
}
}
Best regards,
Jordan Shannon
That worked! Thanks!
Hi,
No problem. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon