Make mobile header slimmer.

marketingigo

Is there any way to make the header slimmer on mobile? It takes more then 1/4 of the screen.

The menu button should be dropped and the logo should be pushed up why is all that empty space needed? The header on mobile should take half the space.

marketingigo

Or is there a way to make it transparent at least?

saguaros

marketingigo
Hi,

You can try with this:

@media (max-width: 991px) {
	.jub-block .header .header-right {
      top: -30px;
	}

	.jub-block .header.affix {
	  max-height: 120px;
	}
}