Mobile responsiveness issue

Technical Q&A
1

hi there my store is working perfectly on desktop but its not mobile responsive can some body help please my store url is sundip1.myshopify.com

2

Hi @BDPK ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code to step 3:

@media screen and (max-width: 768px){
.grid--full.grid--table.grid-block-full {
    width: 100% !important;
}
}

Here is the result:

DaisyVo_0-1734926938765.png
DaisyVo_0-1734926938765.png436×925 166 KB

Please let me know if it works!

Best,

Daisy

3

now image is slightly cutting from left

4

Hi @BDPK

Please remove the code you added somewhere else to solve the issue with the mobile layout.

@media (max-width: 767px) {
    .index-section .grid--full {
        max-width: calc(1220px - 330px);
        float: right;
    }
}
1 Like
5

thanks for your help you are a life saver

1 Like
6

You are very welcome!