Hello, my navigation menu is currently split on two lines, how can I get it all on one line? It looks like this on smaller and larger screens. Site: savethedate-neon.myshopify.com PW: twaosh [Menu.PNG] Thank you

Your menu has a lot of long words in them. When the space is all taken on one line, it will go to the next one. I have suggestions, but lease note that doing these will make readability harder for your customers (especially for those on smaller screens): Make the menu font smaller Reduce the paddi…

@Klmp82 , In your Shopify Admin go to: online store > themes > actions > edit code Find Asset > base.css and paste this at the bottom of the file: @media (min-width: 750px){ .header__inline-menu{ display: flex; margin-left: 10px !important;; } .list-menu--inline{ flex-wrap: nowra…

Hi @Klmp82 , You can follow the instruction below: Go to Online Store->Theme->Edit code Asset->/base.css->paste below code at the bottom of the file: @media (min-width: 750px){ .header__inline-menu{ display: flex; margin-left: 10px !important;; } .list-menu--inline{ flex-wrap: …

How can I move my navigation menu to one line?

Store Design

entreprenegra March 15, 2023, 9:29pm 5

Thank you, that solution worked for me as well. how do I center the menu? This is what is currently looks like.

Topic		Replies	Views
How to put Menu navigation on one line (debut theme) Store Design	14	131	June 29, 2021
Fitting Nav Items on one line Store Design menu , design , header	4	69	February 3, 2025
Header menu shrink to one line Retina Theme Store Design header	5	85	August 2, 2024
How to make my navigation menu in 1 line? Dawn theme Shopify Discussion troubleshooting	6	102	April 7, 2025
Keep menu items in a single line instead of two lines Store Design menu , header , customizations , css	10	216	July 30, 2024

How can I move my navigation menu to one line?

Related topics