How can I adjust the mobile navigation bar height in Dawn theme?

Technical Q&A
1

Hi Shopify community,

The question I have is about changing the height of my navigation bar on mobile.

How can I decrease this height? Could you help me out here?

Which code do I need to use and where to paste it?

Screenshot_20211012_074936.jpg
Screenshot_20211012_074936.jpg1080Ɨ2150 126 KB

website: salt-apes.com
Password: Shopify100!
Theme: Dawn

2

Hi,

Add this code to the bottom of base.css.

@media screen and (max-width: 989px) {
.header.header--middle-left.page-width.header--has-menu {
  padding-top: 0;
  padding-bottom: 0;
}
}
3

Thanks Nick! Worked perfectly!

1 Like
4

@SALT-APES Excellent, Iā€™m glad the issue is solved.

5

I want to make the header bigger to the low. The theme is Maker. Where have i to add the code?