how do i use the extra spaces on the header menu

[currentstyl]

Hi guys, how do I move my header navigation menu to the leftmost side of the header bar and the search, cart, and log-in to the rightmost part? I want to make the website friendly to all platforms, and I think the header menus would be hard to reach for iPad or tablet users on landscape.

URL: https://currentstyl.com/

[niraj_patel]

Hello @currentstyl

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

header.header.header--middle-center.header--mobile-center.page-width { max-width: 100% !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.