Hi guys. On desktop view my website stretches across the page. Making it look very messy. I want to implement margins to the left and right. I was previously using supply theme which had this built in. However in debut theme I have no idea how to change these elements. My mobile view looks great and…

@AlexandraM93 yes please confirm [KetanKumar_0-1635261596442.png]

@KetanKumar That’s the appearance I am going for! Just slightly wider (image attached) Is there a specific code I need to apply to create that look? using this code, will it Alter my other pages / mobile view? thank you again for responding [7066496C-94AA-47C3-96BE-3EC40DB3F214.jpeg]

@AlexandraM93 yes please just reduce height add more height

@KetanKumar thanks for getting back to me :slightly_smiling_face: the height in the photo you provided looks really good. How do I implement the change? Alex

@AlexandraM93 can you please try this code Go to Online Store->Theme->Edit code Asset->/theme.css ->paste below code at the bottom of the file. #shopify-section-163515292265ed76ba .slideshow-wrapper { max-width: 1250 px ; margin: 0 px auto; } #shopify-section-163515292265ed76ba .slideshow__imag…

@KetanKumar Although the width is perfect, it only fixed the top banner and not the other elements on the same page. Is there any way to make it all the same? Alex :slightly_smiling_face:

@AlexandraM93 yes that code work only top banner doesn’t effect other one

@KetanKumar thanks for getting back to me. Is there anyway to make all elements on the front page that width?

@AlexandraM93 try this .slideshow-wrapper { max-width: 1250 px ; margin: 0 px auto; } .slideshow__image {background-size: contain;}

@KetanKumar Thanks for getting back to me! Unfortunately the code is not applying to the page as a whole. The image attach shows the the edited slider. I was hoping to get all other elements in line with the edited banner width. Is this possible for this layout? [3D435915-3993-4252-AFB0-CD74859E…

How can I add margins to my Debut theme on desktop view?

Store Design

AlexandraM93 November 26, 2021, 5:19am 26

@KetanKumar

i apologise for the delayed response.
I have placed code in theme.css and doesn’t seem to be working. I have attached a print screen of what i have placed in the code so far

Topic		Replies	Views
Adding left and right margins toe but theme pages Store Design	8	56	August 3, 2021
Remove Margins on a Home Page Image - Debut Theme Store Design	3	31	October 2, 2021
How can I reduce margins and padding in the Debut theme? Store Design	4	58	September 12, 2022
How can I adjust the footer margins on my Debut theme? Store Design footer	1	30	May 8, 2023
How can I adjust the top margin on my Debut theme page? Store Design	9	90	August 31, 2022

How can I add margins to my Debut theme on desktop view?

Related topics