How can I make my nav link fill the header bar in Debut theme?

Hey community can I am using the debut theme and I been try to get my nav link to fill the header bar.
I try a few code with CSS and I cant seem to get it right cab come please help me, I fell like I’m not targeting the right thing on my try’s.
here the link to the site

any help pleas would be must apricated
thank you

Hello @RhysAsmara ,
please explain with screenshot what you want in header menu.

@MandasaTech

something like this

@RhysAsmara ,

Go to admin panel click on online store >> navigation >> main menu
and add more menu into the navigation

hello @MandasaTech
sorry I am should have made my self more clear, I’m not looking to a add more item I just want it full like when I add more items instead off all this extra spacing with out making the font bigger

Screenshot 2022-11-12 151410.jpg

i want the wording to fit in the white space and the cart button over like one the red
@MandasaTech

Can you please share preview URL once again.

@MandasaTech here the link
https://ut3wb447snno6dnt-41658056854.shopifypreview.com

Hello @RhysAsmara ,

Add this CSS below of Online store >> Edit code >> Assets >> theme.scss.liquid

.site-header__icons-wrapper {
width: 100% !important;

}

@MandasaTech iya that did not work still the same

Can you please share screenshot of the theme where you add this CSS.

I think you add this CSS in another theme.

Please add this CSS in this theme Rhys Asmara Copy of Debut.

Add this after closing of body tag (/body) in theme.liquid.

.site-header__icons-wrapper {
width: 100% !important;

}

@MandasaTech

still not working

@RhysAsmara

Add this before closing of body tag (/body) in theme.liquid.

.site-header__icons-wrapper {
width: 100% !important;

}