If you see "Outdated WooCommerce template files" message in your Wordpress site please   

Okay
  Public Ticket #1886604
Responsive Logo?
Closed

Comments

  •  1
    matthewbender started the conversation

    Hi,

    Is there a way to make the logo responsive?

    I have my site laid out with the menu items on the upper right and the logo on the upper left.  I have a special logo with different coloring to be used on the home page, and then my basic logo for every other page.

    All I can seem to do is limit the max size of the logo.  I have the max size set so that it looks pretty good on my 15 inch Retina Macbook Pro.

    However, on a larger, higher rez screen (iMac 4k thereabouts) the logo displays much smaller than I would like.  If I increase the size of the logo to look good on the iMac screen, it's displays in a far bigger size than it should be on my Retina Macbook Pro and looks awful.

    Is there any way to have the logo be responsive and display as a good size on any display?  

    Thanks,

    -Matt

  •  1,341
    Ylli replied

    Hi Matt,

    I'm trying to login in your site but this error is appearing (see video). Can you please send me the correct ones?

    Thanks!

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook

  •  1
    matthewbender replied

    Hi Ylli,

    https://matthewbenderstudios.com/wp-admin

    username - matthew@matthewbenderphoto.com

    password - yRf46li3%)F&V$9q

    Please let me know if you any issue with this.

    Thanks,

    -Matt

  •  1,341
    Ylli replied

    Hi Matt,

    What you are asking is not possible. You can choose what size image will be for PC-s and size for the mobile phones. You are the first user that is requesting a feature like this. This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. Anyway, I will try to help you this time thoughsmile.png

    Can you please add the code below to your Custom CSS area:

    @media (min-width: 1600px) {
        .header-logo.logo-image {
            width: 400px !important;
        } 
    }
    @media (min-width: 1400px) {
        .header-logo.logo-image {
            width: 300px !important;
        }
    }
    @media (min-width: 768px) {
        .header-logo.logo-image {
            width: 200px !important;
        }
    }

    Have a great day!

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook