Logo and bav bar size on mobile

Support
#1

Hi there is there an easy way to make the entire nav bar and logo just a little smaller on a movile? it looks a little bulky.

Thanks.

#2

Hi @logoglo,

Thank you for writing in, please add this to Theme Options > CSS

@media (max-width: 979px) {
	.x-brand.img {
	max-width: 125px;
    margin-top: 0 !important;
	}
	body.x-navbar-fixed-top-active .x-navbar-wrap,
	body.x-navbar-fixed-top-active .x-navbar-inner {
	max-height: 50px;
	min-height: 50px;
	}
	.masthead-inline .x-btn-navbar {
		margin-top: 0;
	}
}

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Hope it helps,
Cheers!

#3

Perfect! thank you

#4

You are most welcome!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.