How to Reposition and align the Header menu in one single line for Enterprise Theme

So I’m using the Enterprise theme, Tried everything- So what I want is main menu should be left , logo should be centered, search bar should be right (little small as width) with cart icon. How to do it? And while scrolling the menu gets hidden and cart is somehow down which should be aligned at same line

https://pf3a27xg6es358b9-88161681693.shopifypreview.com

I tried everything,

Please add this code to theme.liquid file, after in Online Store > Themes > Edit code


1 Like

Thanks, this worked. As I scroll down, menu content get some animation and disappear somehow. Also If I use mobile width with make the logo css name in centered for mobile will make the logo on mobile on centered too right?

Please update this code to make the logo center on mobile and solve the issue with the menu disappearing when scrolling down.


1 Like

I didnt changed anything, Open the preview again and its redo everything like old preview? What could be the reason? No changes in code

Link- https://sxmcow8nxsrqjpl9-88161681693.shopifypreview.com

Please try to update your code to this and check again


1 Like

Hi, How can I remove the or hide the separator line in mobile view displayed between Nav menu items.

https://jkv6etaxearo1rr6-88161681693.shopifypreview.com

I mean Sub-nav, not main nav

Hi Thanks, @Dan-From-Ryviu How can I send the menu which is left to extreme left with 40 px gap from the left edge and search bar account and cart to extreme right with same 40 px gap from the right edge of screen. Logo is fine which is on center.

https://lth6kwbll4ii0enc-88161681693.shopifypreview.com