Solved

Custom Liquid HTML how to get it to span the entire width on home page

Mitch23
Excursionist
30 0 4

Hi, 
I have an issue, I have a 2 custom liquid that I did and I cannot work out how to make it the full screen (please see below for reference). I just cannot work it out, This would also make the images bigger which is also what I want, Please see link here for reference: https://7vbescs27fkkuqjv-72140980502.shopifypreview.com

 

Any help would be greatly appreciated. Thanks

Mitch23_0-1715929488136.png

Mitch23_1-1715929532017.png

 

 

Accepted Solution (1)

Moeed
Shopify Partner
3878 980 1224

This is an accepted solution.

Hey @Mitch23 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

<style>
section.section {
    max-width: 100% !important;
}
</style>

RESULT:

Moeed_0-1715930265354.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 5 (5)

Moeed
Shopify Partner
3878 980 1224

This is an accepted solution.

Hey @Mitch23 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

<style>
section.section {
    max-width: 100% !important;
}
</style>

RESULT:

Moeed_0-1715930265354.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Mitch23
Excursionist
30 0 4

Amazing! worked a charm, thank you

Moeed
Shopify Partner
3878 980 1224

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Mitch23
Excursionist
30 0 4

it also doesn't show up on mobile phone view... how would I fix this?

AnneLuo
Shopify Partner
600 120 122

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
  #shopify-section-template--22717014376726__custom_liquid_RzpQxc section,
  #shopify-section-template--22717014376726__custom_liquid_fRi7qR section {
    max-width: 100% !important;
  }
</style>


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee