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?
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 though
Can you please add the code below to your Custom CSS area:
Hi how do you select the size for PC and size for mobile from the theme options? I am having the same but opposite problem - the logo is taking over the screen and covering other content on mobile view.
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
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!
Hi Ylli,
https://matthewbenderstudios.com/wp-admin
username - [email protected]
password - yRf46li3%)F&V$9q
Please let me know if you any issue with this.
Thanks,
-Matt
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 though
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!
Hi how do you select the size for PC and size for mobile from the theme options? I am having the same but opposite problem - the logo is taking over the screen and covering other content on mobile view.
Hi Sodapopau,
Please create a new ticket instead of replying to a ticket which has been previously closed.
Best regards,
Laborator Team