I’m customizing the header of a Shopify store using the Dawn theme. I want the entire header (logo, navigation menu, and icons like search, account, and cart) to remain in a single horizontal line, regardless of screen size.As you can see here at its header, logo is showing and after that in a next line by default the menu tab is showing. i want to make them in a single line..
The Problem:Even with these CSS changes, the header elements still wrap or stack on smaller screens, breaking the desired single-line layout.
Here’s what I need:
Keep all header elements (logo, navigation menu, and icons) on one horizontal line.Allow the header to scroll horizontally if the content overflows.Prevent stacking or wrapping of elements, even on small screens.This is for a Shopify website using the Dawn theme.
Here’s a screenshot of the current issue:
Any guidance or solutions specific to Shopify’s Dawn theme would be greatly appreciated!
