Blurry logo

Home Forums Zakra Free Blurry logo

Tagged: , ,

This topic contains 10 replies, has 2 voices, and was last updated by  Ashish 4 months, 1 week ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1504417
    #1510990

    Ashish
    Moderator

    Hi, @charlien.bossier,
    It seems the logo has been cropped while uploading. Can you try Skipping Cropping while adding a logo from Site Identity? Also, please make sure the image itself is not blurry. Let us know if you still get the issue. Additionally, there is no specific recommended image size for the logo. You can add as it fits your requirement.

    Regards,
    ThemeGrill Support Team.

    #1512141

    charlien.bossier
    Participant

    Hi Ashish,

    The logo is not cropped vertically, only horizontally, because it’s not square …

    This is the screen I get when I select my logo: https://www.pretechocentrum.be/wp-content/uploads/2019/03/logo.jpg

    #1512378

    Ashish
    Moderator

    @charlien.bossier
    You can just Skip Cropping and use the image without cropping. It seems the image itself is blurry so can you try using SVG image. Thanks.

    #1512492

    charlien.bossier
    Participant

    I tried to upload SVG image but I get a security error from WordPress: not possible to add svg files. I also tried to upload it in the directory itself, but it’s not visible in de media library …
    How can I solve this?

    #1512534

    Ashish
    Moderator

    @charlien.bossier
    You can search for a plugin in WordPress plugin repository which allows you to upload SVG image.

    #1512613

    charlien.bossier
    Participant

    Thanks, it works now.

    1 more question about the logo: it doesn’t scale enough on mobile: https://www.pretechocentrum.be/wp-content/uploads/2019/03/IMG_0181.jpg

    The menu item should be on the right.

    #1512763

    Ashish
    Moderator

    @charlien.bossier
    While checking from here, the logo seems to appear fine and menu on right. Can you mention which device are you having the problem in?
    Alternatively, you can add this CSS:

    @media (max-width: 480px) {
        .logo .logo-image {
            transform: scale(0.6);
        }
    }

    Let me know if this doesn’t work.
    Thanks.

    #1512812

    Ashish
    Moderator

    Hi, @charlien.bossier,
    Please ignore previous reply and add this CSS inside Appearance > Customize > Additional CSS:

    @media screen and (max-width: 480px) {
        .site-branding {
            width: 80%;
        }
    }

    If you get any issue later, feel free to ask again! 🙂 I hope you liked our theme, if so, you can help us by providing a review us here: https://wordpress.org/support/theme/zakra/reviews/?filter=5 Thanks.

    #1513149

    charlien.bossier
    Participant

    Problem solved!

    Thanks a lot 🙂

    #1513263

    Ashish
    Moderator

    @charlien.bossier
    Great to hear that. I hope you could manage some time to leave a review of the theme. Also, let us know about any feedback if you’ve any. Hope to see you again. Thanks.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.