Title: Logo Size (max-width)
Last modified: March 3, 2022

---

# Logo Size (max-width)

 *  Resolved [britta29](https://wordpress.org/support/users/britta29/)
 * (@britta29)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/logo-size-max-width/)
 * 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](https://wordpress.org/support/users/wp_media/)
 * (@wp_media)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/logo-size-max-width/#post-15424168)
 * Hi [@britta29](https://wordpress.org/support/users/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/](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](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](https://wordpress.org/support/users/britta29/)
 * (@britta29)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/logo-size-max-width/#post-15426560)
 * 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](https://wordpress.org/support/users/wp_media/)
 * (@wp_media)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/logo-size-max-width/#post-15426587)
 * 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.

 * ![](https://ps.w.org/imagify/assets/icon-256x256.gif?rev=3452959)
 * [Imagify: Optimize Images for Top Speed (Compress & Convert to WebP/AVIF)](https://wordpress.org/plugins/imagify/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/imagify/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/imagify/)
 * [Active Topics](https://wordpress.org/support/plugin/imagify/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/imagify/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/imagify/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [logo size](https://wordpress.org/support/topic-tag/logo-size/)
 * [max-width](https://wordpress.org/support/topic-tag/max-width/)

 * 3 replies
 * 2 participants
 * Last reply from: [WP Media](https://wordpress.org/support/users/wp_media/)
 * Last activity: [4 years, 3 months ago](https://wordpress.org/support/topic/logo-size-max-width/#post-15426587)
 * Status: resolved