Align navigation menu

Store Design
, , , ,

Topic summary

A user is seeking help to align their navigation menu and reduce white space in the header area of their Shopify store using the Refresh theme.

Solution Provided:

  • Another user shared CSS code to be added to the base.css file
  • The code targets navigation elements with specific padding, margin, and display properties

Current Status:

  • The original poster requested additional help for mobile view alignment
  • The discussion remains open with the mobile responsiveness issue unresolved

Note: Screenshots were shared showing the navigation menu layout issues on both desktop and mobile views, which are central to understanding the specific alignment problems being addressed.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.
1

IMG_2679.jpeg
IMG_2679.jpeg1170×2532 147 KB

Good night guys, I need your help, could I align this navigation menu and leave it a little close to the header?

take out the white space

I use refresh theme

https://www.behumblee.com/

Pass-Humblee3030

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.navigation-type1 ul.list-no-bullet {
display: flex;
gap: 25px;
padding: 0;
margin: 0;
}

ZestardTech_0-1716370592179.png
ZestardTech_0-1716370592179.png1919×445 242 KB

3

hi , can you do for mobile view pls ?

IMG_2681.png
IMG_2681.png1170×2532 358 KB