Logo Size (max-width)

  • Resolved britta29

    (@britta29)


    4 years, 1 month ago

    Hi!

    I have issues with the size of the logo in the main header (in Divi)

    Imagify seems to override my custom CSS settings:

    html :where(img) {
	height: auto;
	max-width: 100%;}

    overrides my

    #logo {max-width: 70% !important;}

    and is unfortunately causing the header to be messed up.

    Is there a good way to fix this?

    Thanks in advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author WP Media

    (@wp_media)

    4 years, 1 month ago

    Hi @britta29,

    This is Joseph from Imagify, and I’ll gladly assist you here!

    I’m really sorry you’re having issues with this!

    There are a few options for you:

    1) You can try switching to the “Use rewrite rules” option in your Imagify plugin settings page as long as you don’t use a CDN, Cloudflare, or certain cache services like Varnish (as these conflict and may cause image display issues in older browsers that don’t support WebP images). This option doesn’t cause the layout issues you’re having.

    When using this option, the HTML code of your pages will still show the JPG or PNG versions of images, but the rewrite rules work in the background to actually serve the WebP versions.

    You can follow the Rewrite Rules section of this guide to check that WebP images are being served: https://imagify.io/documentation/how-to-check-if-webp-image-is-displayed-on-your-site/.

    2) If you can’t use the “Use rewrite rules” option due to any of the listed reasons, then you can try installing this helper plugin that can sometimes help with these kinds of issues (works just by activating it):

    https://github.com/wp-media/imagify-helpers/raw/master/webp/imagify-keep-attributes-on-img-tags/imagify-keep-attributes-on-img-tags.zip

    3) If neither of those work, you can share a link to the site so I can take a closer look and see if I can suggest any custom CSS to get things back to how they should be.

    I’ll look forward to your response and I’ll be glad to continue assisting however I can!

    Best regards,
    Joseph

    Thread Starter britta29

    (@britta29)

    4 years, 1 month ago

    Hi Joseph,

    thank you very much for your quick and useful feedback!

    Switching to “Use rewrite rules” did the trick 🙂

    Kind regards,
    Britta

    Plugin Author WP Media

    (@wp_media)

    4 years, 1 month ago

    Hey Britta,

    I’m really glad to hear that the “Use rewrite rules” option worked, and thank you for confirming that with me!

    Hope you have a great rest of your day and weekend 🙂

    Best regards,
    Joseph

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Logo Size (max-width)’ is closed to new replies.