Horizontal Scroll On Shopify Main Page On Mobile Phone

Store Design
1

The website is https://getplntd.com/

Everything is working fine on desktops but when I visit the website on my phone, there is an extra blank section on the right side which ruins the user experience. I have tried fixing it with some solutions listed on the forum but nothing worked for me.

Can you help me get rid of the issue, please.

IMG_3140.PNG
IMG_3140.PNG1125×2436 265 KB

2

Hi and welcome!

Head into your stylesheet.min.css file and look for the following code:

.featured-product #product-description .quantity-selector .product-qty, .template-product #product-description .quantity-selector .product-qty {
    font-size: var(--font-size-sm);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: auto;
    text-align: left;
    padding: 1.125rem 1.5625rem;
    height: auto;
    line-height: initial;
}

Remove the line ‘width: auto;’ if you need help doing this, feel free to send me your STORE.myshopify.com URL and I will provide the change for you via collaborator access :slightly_smiling_face:

3

@naseerahmedaziz

yes please check View Meta

4

There isn’t anything like this line in the stylesheet

5

should I add it in and check if it works?

6

https://getplntd.myshopify.com/ this is the store link, please check

7

No problem, just sent the request through :slightly_smiling_face:

8

I cant add you because the staff members are already filled, I am changing it on behalf of my client, and I am handling the marketing of it. Is there any other way we can work it out, maybe on zoom?

9

@naseerahmedaziz

Please check for me, this should now be resolved :slightly_smiling_face:

10

Ohh yes, it has been resolved now. Thanks a lot, but what did you do, can you share that as well to help others out as well.

Also please leave the account too, I don’t want anything messed up.

But Really Grateful For The Help!

11

No problem, happy to help!

I did as stated in my previous post, but saw you’d added it to the end of the CSS file, so edited the value of ‘width: auto;’ to be ‘width: 100% !important;’

You can remove my collaborator access via the staff menu :slightly_smiling_face:

Please take a moment to read my signature below, I would really appreciate it :heart:

12

Thanks a lot for the help and prompt response.