Margin in Landing Page - Mobile

Highlighted
Tourist
14 0 0

Hello, I have a problem with my mobile landing page.

I would like to remove the border that appears along it, I would like to leave only the images appearing, without the white border. I thank you in advance for any and all help.

Url: https://mana-shop.com/collections/best-selling-products/products/fone-bluetooth-cyber-style

Ajuda pra remover a borda.PNG

0 Likes
Highlighted
Explorer
37 4 8

Hi Nickmegax,

I am SImranjeet, Shopify developer from Toronto. I just checked the page and the problem is with padding property set to 10px left and right to the whole landing page.

You can remove it by going to your theme code files Actions > Edit code > Assets > theme.scss  then search for "page-width" it would look like 

max-width: 1180px;

 margin: 0 auto;

 padding: 0 10px;

Just remove the last line i.e padding: 0 10px; and it would solve the issue. 

 

Hope, this will solve your problem or you can reach out to me via private message or simranjeetsingh6076@gmail.com for any other help.

 

0 Likes
Highlighted

Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

@media (max-width: 749px){
    .template-product #shopify-section-product-template .page-width {
    padding: 0 !important;
}
}


Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
0 Likes