Site logo

[Support request] Can’t change logo size

Home Forums Support [Support request] Can’t change logo size

Home Forums Support Can’t change logo size

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2400065
    John

    Hello,

    Suddenly, I noticed logo size is increased.

    I am trying to reduce the size from customizer but it’s not working.

    Please check the video for details.

    If you need login details for further investigate please let me know.

    Thanks

    #2400257
    David
    Staff
    Customer Support

    Hi there,

    the plugin thats converting images to webP is changing the HTML, which in turn breaks the logo size CSS.

    You have two options:

    a. Don’t webP convert the logo

    or

    b. use this CSS to size it:

    
    .site-header .header-image img {
        width: 150px;
    }
    #2461034
    Paul

    We had this issue on a few sites recently after logo .jpg images were swapped to .webp format.

    I initially suspected a conflict between the host’s (BionicWP) native caching solution and WP Rocket which was installed by someone else on the team.

    My initial suggestion – based on some threads on this forum about .webp logos not resizing – was try to replace the .webp logo with a .jpg image. But they had contacted BionicWP in the meantime.

    Here is what BionicWP had to say:

    This is not a plugin conflict. We are now using a new and improved algorithm to filter unused CSS and to make pages even lighter and faster than before. The filtered CSS required some basic CSS to be defined for elements and this is why the logo was enormously large. A simple line of CSS code has fixed the issue.

    This was their CSS fix:

    .site-header .header-image {display:block;}

    Not sure if this helps anyone, but GP devs may want to possibly include this CSS in a future release to avoid this issue on similar environments.

    All the best,
    Paul

    #2461440
    David
    Staff
    Customer Support

    Hi there,

    By default an <img> is an inline element so maybe BionicWP need to review their algorithms? As its kinda counter intuitive to add unnecessary CSS to the theme to mitigate issues created by an unused CSS algorithm 🙂

    If BionicWP have any info on why the feel its necessary to switch to display: block we would be happy to hear about it.

    But I am sure there will be other odd cases and users will find it useful. So thanks for the feedback.

    #2462025
    Paul

    Thanks David!

    Paul

    #2462641
    David
    Staff
    Customer Support

    Thank you!!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.