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

JustJinn
Excursionist
20 0 6

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.

0 Likes
neeravmakwana
Shopify Partner
164 29 32

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. 

0 Likes
JustJinn
Excursionist
20 0 6

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

Maybe the Sitename(fontsize) limits it?

0 Likes
neeravmakwana
Shopify Partner
164 29 32

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

 

0 Likes
JustJinn
Excursionist
20 0 6

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.

0 Likes
suyash1
Shopify Partner
2012 206 305

@JustJinn - can you please share your website link?

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes
JustJinn
Excursionist
20 0 6

Shoplink: Dupahdecor.com

0 Likes
suyash1
Shopify Partner
2012 206 305

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

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes
JustJinn
Excursionist
20 0 6

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

0 Likes
suyash1
Shopify Partner
2012 206 305
can you add me to staff? I will make some code edits and we check
you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes