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

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).

1 Like

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

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.

https://keenord.com/

1 Like

Do you want like this?

  • 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 and press ‘Save’ to save it.

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.