Title: enlarged logo
Last modified: July 8, 2021

---

# enlarged logo

 *  [ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/)
 * (@ibrahimal3ed)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/)
 * Hello;
 * I had an issue with logo image. I set the max-width of the image to 99px. I checked
   The image size in the preview and it looks just fine.
 * However, When I received the email. The logo looks terribly enlarged like if 
   the max-width function is not working.
 * I had to mention that everything was working 100%. I have no idea what’s wrong.

Viewing 15 replies - 1 through 15 (of 18 total)

1 [2](https://wordpress.org/support/topic/enlarged-logo/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/enlarged-logo/page/2/?output_format=md)

 *  [dyin](https://wordpress.org/support/users/dyin/)
 * (@dyin)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14638758)
 * [@ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/) I wonder if
   this is the same issue I am having lately (see my previous post)
 *  Plugin Support [karlalevelup](https://wordpress.org/support/users/karlalevelup/)
 * (@karlalevelup)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14639299)
 * Hello [@ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/),
 * I’m sorry to hear you’re having this issue.
 * Could you specify which email app this issue occurs? If you could send screenshots
   of the issue, that will help us have more information and better assist you.
 * Additionally, kindly try deactivating other plugins one by one and check the 
   issue after each deactivation to see if it will be fixed. I would recommend deactivating
   any optimization or caching plugin first.
 * Regards,
    Karla
 *  Thread Starter [ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/)
 * (@ibrahimal3ed)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14639470)
 * [@karlalevelup](https://wordpress.org/support/users/karlalevelup/)
 * Hello karla,
    I’m using outlook app. and this is a screenshot of the issue. [https://i.ibb.co/9hV6KLy/ss.jpg](https://i.ibb.co/9hV6KLy/ss.jpg)
 * Honestly I’ve just tried to view the email using Samsung mail app and it appears
   normal there.
 * At the same time I tried another plugin called yaymail and the email appeared
   in a perfect condition in outlook app.
 * [@dyin](https://wordpress.org/support/users/dyin/) I guess it is almost the same
   issue
 *  [dyin](https://wordpress.org/support/users/dyin/)
 * (@dyin)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14639533)
 * [@ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/) yup it is 
   exactly the same issue
 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14644230)
 * Hey,
    Thanks for reporting! I’ll have the developers look into this. Have either
   of you tried contacting the outlook app support team regarding this?
 * Kindly,
    Hannah
 *  Plugin Contributor [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14645245)
 * Hi,
    The outlook App is not on our list of popular email clients we test with.
   I don’t know of a email testing company that lists the outlook app.
 * My first suggestion is to reduce the size of the image you are sending. can you
   make sure that the image size is the size you want the image to appear in your
   emails?
 * Ben
 *  [dyin](https://wordpress.org/support/users/dyin/)
 * (@dyin)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14646028)
 * [@britner](https://wordpress.org/support/users/britner/) This is the first thing
   I tried. I scaled down the image. The result is an even lower resolution stretch
   of the header logo (the same happens for the social sharing icons in the footer).
   
   Strange that the outlook app is not included in tests. It seems to be a popular
   iOS app and is mostly considered as one of the best mail apps in iOS.
 * [@hannahritner](https://wordpress.org/support/users/hannahritner/) I have tried
   sending feedback through the outlook app. Haven’t recieved a reply yet
    -  This reply was modified 4 years, 10 months ago by [dyin](https://wordpress.org/support/users/dyin/).
    -  This reply was modified 4 years, 10 months ago by [dyin](https://wordpress.org/support/users/dyin/).
 *  Thread Starter [ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/)
 * (@ibrahimal3ed)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14646059)
 * [@britner](https://wordpress.org/support/users/britner/) pardon you don’t consider
   outlook as a popular app ?? it seems to me like if you were saying that you don’t
   recognize a Toyota car as popular. I suggest you to give it a second thought.
 * [@dyin](https://wordpress.org/support/users/dyin/) Don’t worry I got your back
   😉
 * Go to custom css option in email customizer page.
    Then paste this code. replace
   logo in the code below with logo image url replace background in the code below
   with background image url be aware that in each line : 1st affects logo, 2nd 
   affects background ; you might not see changes taking place instantly in the 
   preview ( maybe google chrome is not considered as popular too ) so please save
   changes and refresh the page.
 *     ```
       #template_header_image_container{
       background-image: url(logo),url(background); 
       height: 120px;
       background-size: 99px,auto;
       background-repeat: no-repeat,no-repeat;
       background-position: center,center;
       }
       ```
   
 * I’m sure this will fix your issue 🙂
 *  [dyin](https://wordpress.org/support/users/dyin/)
 * (@dyin)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14646077)
 * [@ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/) hahaha, this
   is one of the funiest replies ever :). Thanks for finding a fix. I will try it
   later.
 *  Thread Starter [ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/)
 * (@ibrahimal3ed)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14646134)
 * [@dyin](https://wordpress.org/support/users/dyin/) you’re welcome 🙂
 * please let me know if this fix the issue for you.
 *  [dyin](https://wordpress.org/support/users/dyin/)
 * (@dyin)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14648024)
 * [@ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/) I haven’t 
   been able to get it to work yet. I only have a logo and no background image. 
   So I added the url between brackets (‘url’) and deleted everthing linked to the
   background image (url and second options) from your code.
 * I am probably doing something wrong
 *  Thread Starter [ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/)
 * (@ibrahimal3ed)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14648094)
 * [@dyin](https://wordpress.org/support/users/dyin/)
    Sorry I forgot to mention
   that you have to remove the logo image first from the header settings.
 * As you are only using a logo image then use this code. Replace logo word with
   logo url.
 *     ```
       #template_header_image_container{
       background-image: url(logo); 
       height: 120px;
       background-size: 99px;
       background-repeat: no-repeat;
       background-position: center;
       ```
   
 * please let me know if this works for you.
    -  This reply was modified 4 years, 10 months ago by [ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/).
 *  [dyin](https://wordpress.org/support/users/dyin/)
 * (@dyin)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14648107)
 * [@ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/) yup that did
   the trick. I needed to delete the logo first. Thanks!
    Now only the footer social
   logo’s are a bit broken but at least the user experience is OK now 🙂
 *  Plugin Contributor [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14651704)
 * [@ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/) We test with
   outlook web, and outlook desktop apps on mac and windows using different versions.
   Email on Acid doesn’t have outlook for IOS as a test, but that isn’t to say we
   don’t try testing in every major app and service. What is strange is that between
   the 100 tests we make with other apps and web versions and desktop applications
   none have the issue mentioned here. From a code perspective images are given 
   a width and a defined max width so the whole thing with outlook on IOS specifically
   is really odd.
 *  Thread Starter [ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/)
 * (@ibrahimal3ed)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/#post-14651758)
 * [@britner](https://wordpress.org/support/users/britner/) Thanks for the clarification.
   I want to mention that I’m using outlook on andriod and I face the same issue
   too.
 * Some plugins as I mentioned above are outlook-friendly. I hope it can give a 
   clue on how to overcome this issue.

Viewing 15 replies - 1 through 15 (of 18 total)

1 [2](https://wordpress.org/support/topic/enlarged-logo/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/enlarged-logo/page/2/?output_format=md)

The topic ‘enlarged logo’ is closed to new replies.

 * ![](https://ps.w.org/kadence-woocommerce-email-designer/assets/icon-256x256.png?
   rev=3115863)
 * [Kadence WooCommerce Email Designer](https://wordpress.org/plugins/kadence-woocommerce-email-designer/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/kadence-woocommerce-email-designer/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/kadence-woocommerce-email-designer/)
 * [Active Topics](https://wordpress.org/support/plugin/kadence-woocommerce-email-designer/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/kadence-woocommerce-email-designer/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/kadence-woocommerce-email-designer/reviews/)

 * 18 replies
 * 5 participants
 * Last reply from: [dyin](https://wordpress.org/support/users/dyin/)
 * Last activity: [4 years, 10 months ago](https://wordpress.org/support/topic/enlarged-logo/page/2/#post-14672902)
 * Status: not resolved