Dear Support Community, I used the below code to add some right margin to the product info container only when switching to RTL. It is working on desktop, however, it affected the mobile view as well. I need to mobile view to remain centered (no margin). Is there a problem with my code? Thank y…

@Gaiar - your css looks ok, this can happen due to other css, inspect element and check what css is adding that space on mobile view

Hello There, Please share your store URL and password. So that I will check and let you know the exact solution here.

@ZestardTech https://nefertari-eg.myshopify.com/ ohldah

Hi @Gaiar In your Shopify Admin go to online store > themes > actions > edit code Find Asset > base.css and paste this at the bottom of the file: .gradient { padding-top: 0; } [ZestardTech_0-1717060320888.png]

Thank you @ZestardTech But unfortunately, it didn’t work: [Gaiar_0-1717060995035.png] [Gaiar_1-1717061045142.png]

This is Noah from PageFly - Shopify Page Builder App Hi @Gaiar Please add code here to fix it: Step 1: Online Stores > Themes > Edit code Step 2: Choose file theme.liquid Step 3: Add code above the tag Hope my solution will help you resolve the issue. Best regards, Noah | PageFly

Thank you @PageFly-Noah I made the image fill the screen, and when I tried 80% there was still a margin. Moreover, it affected the English version ( added extra margin).

Hi @Gaiar In your Shopify Admin go to online store > themes > actions > edit code Find Asset > base.css and paste this at the Top of the file: .gradient { padding-top: 0!important; }

Thanks again @ZestardTech Unfortunately, it didn’t work. Please let me explain the issue in details: That’s how the product page looked on desktop when switching to RTL (Arabic): [Gaiar_0-1717069046838.png] I added this code to the theme.liquid file to add space between the photo and the text …

Sense Theme - Product Info Margin on Mobile View

Store Design

ZestardTech May 30, 2024, 9:12am 5

Hi @Gaiar

In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > base.css and paste this at the bottom of the file:

.gradient {
padding-top: 0;
}

Topic		Replies	Views
Why is product page spacing incorrect on my Arabic RTL site? Store Design	7	88	August 9, 2023
How to add margin or padding to left and right of the product page - impulse theme Store Design	5	59	March 16, 2022
How to implement RTL code without disrupting theme design? Store Design	16	123	August 15, 2022
Home Page content for mobile and desktop views is pushed to the right, although should be centred Shopify Discussion troubleshooting	5	54	August 18, 2023
How to move all product info a little bit to right on mobile version? Store Design design , product-page	4	47	March 27, 2025

Sense Theme - Product Info Margin on Mobile View

Related topics