How can I have the header color fill the entire width?

[arlenkhalin]

Hi everyone in the community!
Hopefully you can assist me! Although I've incorporated this unique code that I put together from several community threads, I'm still not quite at my desired level.
Context: I require a distinct logo and header for a single page (template) like sgpa. The header and the logo that I oversaw are (largely) the correct color, but they don't extend completely. I managed to accomplish that, but it's not what I wanted with the navigation and cart symbol stretching to fill the screen.

The purple should reach its maximum width on desktop (mobile is working properly at the moment).

[Moeed]

Hey @arlenkhalin 

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

[BSS-TekLabs]

Hello @arlenkhalin 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[arlenkhalin]

https://keenord.com/

[BSS-TekLabs · Accepted solution]

Do you want like this?

[BSS-TekLabs]

- Here is the solution for you @arlenkhalin 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.container-fluid .col-xl-2.col-lg-3 {
    padding-right: 0 !important;
}
</style>

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.