product section width

Shopify Discussion
1

hi there

my store url is sundip1.myshopify.com and i have sticky side bar and its overlapping my products i need my products to be on right side

2

Hi @BDPK

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

@media (min-width: 750px) {
.index-section .grid--full {
    max-width: calc(1220px - 330px);
    float: right;
}
#shopify-section-footer {
    width: 100%;
    overflow: hidden;
}
}

Screenshot_1.jpg
Screenshot_1.jpg1296×870 90.4 KB

3

thanks for the solution but after putting this code it says

ONLINE STORE SESSION CANT BE PUBLISHED

4

So please add this code to theme.liquid file after in Online Store > Themes > Edit code

@media (min-width: 750px) { .index-section .grid--full { max-width: calc(1220px - 330px); float: right; } #shopify-section-footer { width: 100%; overflow: hidden; } }
1 Like
5

Capture.PNG
Capture.PNG1057×617 39.7 KB

6

after adding given code my store seems like this