How can I improve my website header width for better readability?

Store Design
, , , , , , , , , , , , , ,
1

Hello, guys! How can I fix my header width and make it more readable like the one on the second picture that I will use for reference? Thanks in advance!

My website: https://fddd3f.myshopify.com/

Password: asd321

My header:

Screenshot_2.jpg

The header on the website I used for reference: https://yelirworld.com/

yelirheader.jpg

2

@kitchencrafted
Hello,
Please go To the online Store > Edit Code > Assets > base.css

.scrolled-past-header .header__heading-logo-wrapper {
	width: 100% !important;
}

Like This

oscprofessional_0-1691586474612.png
oscprofessional_0-1691586474612.png1629×576 70 KB

3

Hello! Thanks for your solution! Can you also help me make my header like this?

My header:

Screenshot_1.jpg

How I want it to be, website for reference: https://yelirworld.com/

Screenshot_3.jpg

Thank you in advance!