How can I create a full-width inline header menu on my website?

Hi all,

I wonder if anyone can help me. I’m new to this shopify website building and have a image in my head of how I want my website to look.

I would like the inline menu to be a solid colour, with my logo just above, kind of like in the below image I’ve taken from a shopify store.

My shopify store is: https://85c7f2-2.myshopify.com/

if anyone could please help I’d be grateful, I’ve spent 2 days staring at this and no idea how to make it go full width.

Thanks

@CraftySausage - do you want it like this?

1 Like

Hi @CraftySausage

You can change setting of your Header in Online store > Themes > Customize > Header >

Desktop logo position

1 Like

Yes, exactly like this

@CraftySausage - add this css to the very end of your base.css file and check

ul.list-menu.list-menu--inline{background: orange;}
1 Like

Thank you for your help! It’s made it orange but not the whole width of the page if that makes sense?

@CraftySausage - very sorry, replace that line with this,

ul.list-menu.list-menu--inline{width:100%;}
1 Like

Aboslutely amazing thank you so much!!!

1 Like

@CraftySausage - welcome, let me know if you have any other updates, you can DM here or you have my email below

1 Like