Brooklyn Theme Mobile: How can I reduce height of the navbar?

[JustJinn]

I did not change anything from the navbar of the Brooklyn theme, not even using a Logo. How can I reduce the height of it on mobile devices. Making it look more slim.

[neeravmakwana]

Hi, can you please add this at the bottom of your theme.scss.liquid and let me know if that is what you're looking for.

@media screen and (max-width: 768px){
.site-header .grid--table {
    height: 60px;
}}

Please change 60px suitably. 

[JustJinn]

I did that and nothing changed, but when I increased it to 100px it increased.

Maybe the Sitename(fontsize) limits it?

[neeravmakwana]

Yeah, looks like either that or your logo size doesn't let it become smaller beyond a point.

[JustJinn]

I don´t have a logo, just a text as the "logo". I now replaced text with a .png logo and it still doesnt work.

[suyash1]

@JustJinn - can you please share your website link?

[JustJinn]

Shoplink: Dupahdecor.com

[suyash1]

@JustJinn - height can be reduced, will need multiple settings, no single line code, and also can not go beyond certain limit

[JustJinn]

Okay, but what is the solution to this issue now?

[suyash1]

can you add me to staff? I will make some code edits and we check