Hi guys, I'm hoping someone can help me sort out the proper CSS to add to the Symmetry theme in order to break the homepage "Featured-Collections" section into two columns when in the mobile view. I am posting three screenshots below - the first to show what the featured collection sections looks like on a wide screen view, then the second shot shows what I do not want which is the mobile view of this section: one single file column of 20 collections with HUGE images. What I am aiming for is the 3rd screenshot which is actually taken from the Collection List page - it displays nice, neat, smaller thumbnail images in two columns. =)
Can someone please help guide me in the right direction?...I presume there is some css modification I can add to the styles.scss.css file? It would be SO GREATLY APPRECIATED!
Screenshot 1: This is how the featured collections grid looks in Desktop view:
Screenshot 2: Featured-Collections Homepage Section in Mobile View:
Screenshot 3: The two-column format I am trying to achieve on my homepage
Please share your site url so that I will give you exact solution