Can I adjust section width to match page width on Shopify?

Tommyd2
Excursionist
47 0 6

Hello, I have changed my theme page width to 1200, but some sections like slideshow, banners etc.. still are full page width. Is there a way I can adjust these sections to also match the 1200 page width.

 

Thanks

Replies 14 (14)

Ahsan_ANC
Shopify Partner
1362 246 309

Hi @Tommyd2 ,

Thank you for reaching out to the Shopify Community!

Please share your store URL here so that we can check it for you.

Thanks & Regards,
Ahsan ANC

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
Tommyd2
Excursionist
47 0 6
Ahsan_ANC
Shopify Partner
1362 246 309

Hi,

You can try this code


1. Go to Online Store-> Theme->Edit code
2. Asset-> base.css ->paste the below code at the bottom of the file.

 

@media screen and (min-width: 1000px){
.page-width-desktop {
    padding: 0 !important; 
}
#MainContent {
    padding: 0 5rem !important; 
}
}
Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
Tommyd2
Excursionist
47 0 6

Hello, it seems to do it, but it needs to match the page width of 1200.

Ahsan_ANC
Shopify Partner
1362 246 309

if fix the page width what will happen on the 1920px screen?

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
Tommyd2
Excursionist
47 0 6
How do you mean?

Thanks
Tommyd2
Excursionist
47 0 6

i really want this layout with a slider for the big image. any ideas?image (4).png

Ahsan_ANC
Shopify Partner
1362 246 309

it will be done using custom code on your store.

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
Tommyd2
Excursionist
47 0 6
Do you know the code? I would love a section where I can change the images.
I can implement the code if you can tell me how.

Kindest regards

Ahsan_ANC
Shopify Partner
1362 246 309

I will create an editable section and send it to you tomorrow

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
Tommyd2
Excursionist
47 0 6
That would be amazing. Thank you so so much.

Kind regards


Tommyd2
Excursionist
47 0 6

The images need to be able to be linkable. and I am looking for the big picture on top left to scroll. it would be great if you could accomplish this. I cant find a tutorial anywhere. thank you.  

Ahsan_ANC
Shopify Partner
1362 246 309

Does your current theme have a slider section?

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
Tommyd2
Excursionist
47 0 6
Hello,

Yes it does. I use the dawn theme.