How to change webpage width of Retina Theme

[Mentorpublish]

Hi,

Is there any way to adjust the page width of Retina Theme?

Here is my website: https://1cabe3-26.myshopify.com/

Thank you.

[dws_pvt_ltd]

Hello @Mentorpublish

Follow these Steps:

1. Go to Online Store
2. Open Theme Customize
3. Template > Slideshow section click to checkbox true Wide display

Best Regards,
Dws_pvt_ltd

[Mentorpublish]

Hi @dws_pvt_ltd ,

Sorry for the misunderstanding, I want the width to be smaller, and I already untick the Wide Display.

[niraj_patel]

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (min-width: 990px) { #shopify-section-template--23046808338749__slideshow_ikykgX section { margin: 3rem auto !important; max-width: 74%; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Dan-From-Ryviu]

Hi @Mentorpublish

Please add this code to Custom CSS of that slideshow section. You can change 1000px with smaller value to feed your request

.slideshow__wrapper {
  max-width: 1000px;
}

[dws_pvt_ltd]

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file → Save
Step 4: Slideshow section changes to increase and decrease in width.

.slideshow__wrapper {
    max-width: 1000px;
}

[BSSCommerce-B2B]

Hi @Mentorpublish ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.css

Step 3: change all max-width values to value you want

Press ctrl + F

find: 1200px, replace: 1150px or any value you want → click “Replace all” → “Save”

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[Mentorpublish]

@BSSCommerce-B2B ,

Hi, thank you for the solution.

[BSSCommerce-B2B]

Hi @Mentorpublish ,

We’re happy to see that our suggestion helped you solve the issue: https://community.shopify.com/post/2683073

Can you kindly give us like and mark as a solutions?

This can be a reference for other merchants if they have an issue like you and greatly motivate us to contribute to our community.

Thanks in advance.