Need help with a uploading logo for retina screens

  • Hi @edwina

    You can upload a logo 2x the size, then use some CSS to reduce it to the required size.

    .navbar-brand > img {width:50%;}

    You can enter the code above in Integral Options > Custom Code > Custom CSS field.

    Hope that helps.

    Thanks Hans, worked like a charm!

    You’re welcome 🙂

    Hi Hans,

    Sorry to reopen an old thread, I have just tried this fix for my site and it does work great on a laptop but then the logo appears really small on a mobile phone. Is there any way to stop it from being so small on a smaller screen but to keep the better image quality?


    Hello Chris,

    The logo is reduced in size so that it doesn’t conflict with the mobile menu.

    If you look on line 1860 of the style.css file you will find the following code,

    .site-title {max-width: 75%;}

    You can comment it out or change the percentage.


You must be logged in to reply to this topic.