Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 24, 2017 at 11:39 pm #881423
    davidrk

    Hi there.
    I’ve just uploaded a 2x size logo for retina devices and now the logo appears too large within its container that appears to have an element height of 88px. Is there a way to reduce this to about 75px and have the logo retain its sharpness?
    Also since updating the theme my menu bar appears somehow taller. Is it possible to reduce this to about 45px height?
    Thankyou.

    November 25, 2017 at 12:26 am #881432
    Jordan Shannon

    Hey davidrk,

    Add this to quick css:

    .logo a img{
max-height:75px!important;
}

    Best regards,
    Jordan Shannon

    November 28, 2017 at 9:54 am #882543
    davidrk

    Thanks for that! It worked well except when the height of the header reduces on scroll, and the logo was partially concealed outside of its bounding box. I added the following to correct this:
    .header-scrolled .logo img {max-height: 40px !important;}

    Could you please confirm if this is correct, or if there is another way to format this?

    Thank you.

    November 28, 2017 at 6:12 pm #882792
    Jordan Shannon

    Hi,

    No this css fix you have added is correct.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.