Logo squashes up on mobile

  • Hi,

    The logo for this site usually displays fine. Until I view it on a mobile and start scrolling down the screen – then the logo sort squishes up (technical term).

    Any ideas on how I can stop it from “squishing” up?

    The page I need help with: [log in to see the link]

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

  • Hi. Thanks for posting your question. Support for Themify Ultra is available at https://themify.me/forum/forum-category/theme-support/ultra.

    You could try adding the following to Customize > Additional CSS to override Themify’s mobile logo dimensions:

    @media (max-width: 999px) {
#headerwrap.fixed-header #site-logo a img {
		height: 200px !important;
		width: auto !important
	}
}

    Hopefully, the above helps to resolve the squashed logo on scroll. Thanks.

    Thread Starter babblebird01

    (@babblebird01)

    Hi,

    Thanks for this. That’s fixed it on mobile if I hold the phone in portrait. Should I hold my phone in landscape, the logo is now really big.

    Any ideas?

    Theme Author Andrew Misplon

    (@misplon)

    Thanks for the update. Perhaps try removing the rule added and instead insert the following in Custom CSS:

    @media (max-width: 768px) {
#headerwrap.fixed-header #site-logo a img {
		height: 200px !important;
		width: auto !important
	}
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Logo squashes up on mobile’ is closed to new replies.