Customize logo size in mobile/tablet view

  • Resolved rserrab

    (@rserrab)


    9 years, 9 months ago

    Hi! I was wondering weather its possible to change the logo size in the mobile and tablet view. When I put a longer Logo in the website, it makes the mobile view put the navigation menu first, then down the logo and I wish they were on the same line. In the case of the tablet, if you look at it in vertical position, it makes the nav menu too close to the logo… Maybe there is a widget that adapts the size of the logo depending on the platform we use.

    Thanks!!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Had a similar problem, logo is 198×32, so I shrink it in two media query steps via CSS in current version 1.8.2.1 of theme:

    @media screen and (max-width: 480px) {
	.navbar-brand > img {
		max-width: 170px;
	}
}
@media screen and (max-width: 320px) {
	.navbar-brand > img {
		max-width: 120px;
	}
}
    Alexandra

    (@alexandrastan001)

    Thank you very much for your fix!

    Best regards,
    Alexandra

    Thread Starter rserrab

    (@rserrab)

    Thank you!!
    Best regards!!
    Roberto

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Customize logo size in mobile/tablet view’ is closed to new replies.

Tags