Supply theme: logo on navigation bar instead of below

[Imankaawach]

Please i like to transition my logo into the center of the Mobile Nav Bar. The logo currently sits underneath the Nav Bar on Mobile and completly remove it from header on mobile.

[jovilh]

Hi Imankaawach,

Could you share some details about your store in order for me to help:

• What’s your store URL?

• What Shopify theme are you using?

[Imankaawach]

Hi Jovilh,

My URL is : www.shopanisa.ca

Theme : Supply

Thank you!

[jovilh]

Hi Imankaawach,

I’ve taken a look at your shop.

Go to Online Store > Theme > Edit code > theme.liquid

Inside theme.liquid add the following CSS just above

[Imankaawach]

Hi Jovilh,

Thank you for your help, i tried it but it did not work for me… maybe because i have the supply theme? I have attached the screen shot of where i would like my logo to be.

Is there any other code for me to try?

Thank you!

[jovilh]

Sorry I forgot to add the selector. This is the snippet you should use

[Imankaawach]

Hi Jovilh,

Awesome!!! Thank you so much i really appreciate your help i had been trying to do this for a while now and had tried many codes but only this one worked.

Have a nice day!