Hey,
on our website cbdia.eu we are not happy with the width. Nearly 15% on the left and 15% on the right are not used. We want to change this in the new version of our theme. Do you have a solution where we can change to full width?
Here are some websites with the responsive theme which have full width or nearly full width in specific topics:
Example 1
Example 2
Example 3
Example 4
Example 5
The important thing: We want it also for our text. It don’t have to be 100% width - 75-90% would be absolutely okay.
Thanks in advance,
Hanni
1 Like
Hi @Hanni_CBDSI ,
In order to fix the above issue first open the online store and then go to theme code editor and search for theme.liquid file and paste the below code just before the closing body tag () on the theme.liquid file.
once you have added the code your website would be as shown in the image below:
Thanks
1 Like
@Hanni_CBDSI
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
1 Like
Hey @kaalTechGeeks ,
your are amazing, wow! Thank you for your great help.
Two relevant questions: What do I have to write on the code for for example 80 or 90% width?
And is it possible to give some sections the command of a specific width number?
For example I just wanted to make one collection on the start page full width and continue with a different number of width or the other way around?
I am so thankful, may god bless you! Maybe you have a code template which I can put in front and after a section to give it a specific width.
Thanks in advance. I am so thankful.
HI @Hanni_CBDSI , I am glad that my solution worked for you. So please mark it as an accepted solution.
And in order to make the width to 80-90% just replace the code I sent you before with the below code in the theme.liquid file, just before the closing body tag () and bingo you have achieved your design.
1 Like
Thank you for your fast answer.
And is it possible to give some a specific snippet a width number? For example I want a specific part/section of the startpage as a specific number of width, what should I write where I wrote “style”.
It’s nice to control the general width of the domain, but specific parts would be also great.
Thanks in advance,
Hanni
you have to write inline css for that which means that you have to just add a style attribute to the parent div.
Just add the below code to the first style you wrote and change the % value as per your needs
style="width: 90%;"
And let me know if you face any issue in this
1 Like
Hey @kaalTechGeeks , my last question: How is the same code for desktop only?
You are great, thanks for your help.
Hey @Hanni_CBDSI , if you just want this code to be applied at the desktop then you need to add media query to it.
But the current code that I shared with you will work both for mobile & desktop
Hey @kaalTechGeeks , thank you for the message. Could you give me the full code with the media query? Would be my last question! Thank you
Best man! Love your work. So happy, thank you mate.
1 Like
@Hanni_CBDSI
I am glad that my solutions worked for you.
If you need any help in future do not hesitate to ping me
Thanks and best of luck for BFCM festival
1 Like
