How to change to full width to category thumbnails on homepage to full width

Solved
Shivam97
Pathfinder
141 0 56

Hi,

How i can make big thumbnails which symmetry in full width on homepage. 

Just need to increase the Width.

URL - www.portronics.com

full width category.PNG

 

Ref image - 

 

KetanKumar
Shopify Partner
20534 2123 7743

@Shivam97 

yes can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

#shopify-section-1543003878234 .page-width {
    max-width: 100%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Shivam97
Pathfinder
141 0 56

Thanks @KetanKumar It worked.

But the margin on left and right are still big. How can i decrease it ?

0 Likes
Shivam97
Pathfinder
141 0 56

Like this margin, Apple does it.

Like this margin and edges.

edge margin.PNG

KetanKumar
Shopify Partner
20534 2123 7743

@Shivam97 

yes can you please confirm this look?

KetanKumar_0-1625675323115.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Shivam97
Pathfinder
141 0 56

Yes @KetanKumar 

 

0 Likes
Shivam97
Pathfinder
141 0 56

Yes @KetanKumar This exact look.

KetanKumar
Shopify Partner
20534 2123 7743

This is an accepted solution.

@Shivam97 

yes, please add this code

#shopify-section-1543003878234 .page-width {
    padding: 0;
}
#shopify-section-1543003878234 .page-width .skrim-grid {
    margin-left: 0;
    margin-right: 0;
}
#shopify-section-1543003878234 .page-width .skrim-grid .skrim__item {
    width: calc(32% - 0px);
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Anthony71
Excursionist
10 0 4

Hi Ketan,

My website is vvashautocare.com

As you can see my scroll bar of "Kits & Combos" and "Top Sellers" on my homepage display 5 products per scrollbar.   On mobile view it's only 1 product per scroll bar. I'd like to change it to the same as desktop view. My theme is Capital Theme. Please help!   Thank you

KetanKumar
Shopify Partner
20534 2123 7743

@Anthony71 

sorry for that any issue 

do you need same view on mobile?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes