CSS Navigation Move

7 0 1

Hi There, 


  I'm looking for an easy way in the CSS or header section file to move my navbar(on the desktop version of this site) up to be flush with the top of the rest of the nav bar and shorten the nav to just have that one row. Site is here: highwood-usa.myshopify.com. Password is laguna. I've already moved the site logo to the left, and the search to the right, so not sure if I need to shorten some of their positions to allow the nav to come up or if I can make a simple CSS change. Thanks! 



Screen Shot 2019-11-26 at 1.22.22 PM.png

Shopify Staff
Shopify Staff
339 26 50

Hi, @mlio_dev.


Tira here, from Shopify Support.


Thank you for reaching out with your question. I took a look at your store and it looks like you're using a third-party theme. Which theme are you using, and have you tried to reach out to the third-party developer for assistance? 


Please let me know and I can provide some guidance to help! 

Tira | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog



Shopify Expert
2466 414 519

Hi @mlio_dev 

If you want to move menu in one line then you have to change code in header file because its structure are different.

but if you want to in fast way then you can add this css in Asset->theme.scss file at bottom:


@media only screen and (min-width: 767px) { .nav-to-sticky:not(.nav-sticky) > .nav-standard-nav-area { position: absolute; left: 35%; top: 0; padding-top: 10px; } }

Note: Its not proper and good solution for store bt its just fast solution from console. so i suggest to change menu structure


Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here