How can I adapt my Brooklyn-themed store design for mobile view?

Store Design
1

I need to design my Shopify store which is in brooklyn theme for mobile exactly as it is designed for destop. Please help me!

My Webiste: https://www.thessevensstore.com/

2

@MohammedSaleem Which part do you want to change on mobile?

3

Home page

4

Which part of the home page, do you want the featured product on one row

5

The home page is mean the same product you are selling

6

Home page

7

yess 2 in a row

8

Hi, @MohammedSaleem

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> timber.scss.css ->paste the below code at the bottom of the file.
@media screen and (max-width: 768px){
#CollectionSection .grid__item{
   width:49% !important;
}}