-
-
Our logo is not displaying properly on mobile. It is going off and not resizing. What’s the best way to fix this?
Our site: https://mckinneyestateplanning.com/
-
Hello,
Please add this code to your custom CSS box:@media (max-width: 480px){ #logo img { height: 83px; margin-top: -36px; } }
Let us know.
Best regards! -
Hmm, that didn’t seem to work, and it made it a bit worse as it’s now just moved down.
This is the screenshot with the custom css added:
goo.gl/MoUB5p
And this is before:
goo.gl/XPKaQc
Any other ideas?
-
Hello,
Please add !important to the height attribute:@media (max-width: 480px){ #logo img { height: 83px !important; margin-top: -36px; } }
This is what i get when i add this code: (https://www.awesomescreenshot.com/image/1452120/9c4ab9ab98238716e1efdc140497c97b)
Let us know.
Best regards! -
-
Hi there! We reuploaded the image file for our logo and now it’s having the same problem of not being centered and going off the screen. I checked the custom css box and it still has the exact code you posted previously for us to insert. Any idea how to fix it? Thanks!
-
Hello,
Is this image you uploaded, bigger than the previous? However, you only need to change the values of the last code, to match this new logo. I tried with these values:
@media (max-width: 480px){ #logo img { height: 60px !important; margin-top: -18px; }}
This is what i get: screenshot.
Let us know.Note: Please consider updating your profile data. Read this article for more information.
Best regards!
-
You must be logged in to reply to this topic.