How can I edit code in Trade Theme to make my menu full width

How can I edit code in Trade Theme to make my menu full width

KTR1
Excursionist
13 0 4

I would like help to make all my home page sections go across the full width in desktop view

KTR1_0-1748672870373.png

 

Replies 14 (14)

MandasaTech
Shopify Partner
802 154 167

Hello @KTR1 

We’d be happy to make all the homepage sections stretch across the full width in desktop view. This can usually be done by updating your theme’s layout settings or applying some custom CSS to override the default container widths.

Could you please share your store URL and let us know which theme you’re using?


☞ Helpful or Question answered? Please Click Like & Mark it Accepted Solution
☞ Want to modify or custom changes on store for affordable price? Click on Contact button here
☞ Email at experts@mandasa.in
☞ Whatsapp at +918989609120 | Hire us at: Website Support Page
☞ Selling Shopify Fundamentals: Verified Skill Badge
KTR1
Excursionist
13 0 4
Oh thankyou so much!

I am using Trade theme
KTR1
Excursionist
13 0 4

www.trendzonline.com.au

Password is

DropChurch1719

 

Thankyou

KTR1
Excursionist
13 0 4

Ohh yes please!

www.trendzonline.com.au

Do you need anything else?

Please and thankyou 🙏 

KTR1
Excursionist
13 0 4

Hi

We're you still able to help me please?

KTR1
Excursionist
13 0 4
Yes please!
I'd like all sections on my home page full width.
Thanks
Kim
KTR1
Excursionist
13 0 4
I've already edited code for the menu. I just need all other sections full width to match please.
KTR1
Excursionist
13 0 4
Hi
Thankyou.
Could you please provide your email address and I'll add you as user.
Thanks
Kim

Moeed
Shopify Partner
7715 2071 2550

Hey @MandasaTech 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


KTR1
Excursionist
13 0 4
Hi Moeed
Thankyou so much 🙏

www.trendzonline.com.au
Password Church1719$

Kim


Moeed
Shopify Partner
7715 2071 2550

Hey @KTR1 

 

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>
header {
    max-width: 100% !important;
}
</style>

RESULT

Moeed_0-1748677518209.png

 

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


KTR1
Excursionist
13 0 4
That didn't seem to work?
Moeed
Shopify Partner
7715 2071 2550

The code is completely accurate, can you share a screenshot of the code you have added? You might have added it incorrectly.

 

Best,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


KTR1
Excursionist
13 0 4
Thank you very much for your suggestion!
I've implemented it already and it looks much better.

Cheers
Kim