Title: FIrefox rendering issue
Last modified: January 12, 2022

---

# FIrefox rendering issue

 *  Resolved [pixelshrink](https://wordpress.org/support/users/pixelshrink/)
 * (@pixelshrink)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/firefox-rendering-issue-3/)
 * Hi there, I’ve got an issue with Smart Slider on the ‘Project Aims’ slider on
   this website. It looks fine in every browser except Firefox, where the image 
   is a lot bigger than it should be and covers some of the text. I looked at [https://smartslider.helpscoutdocs.com/article/1737-issues-with-firefox](https://smartslider.helpscoutdocs.com/article/1737-issues-with-firefox)
   but wasn’t sure which is the issue that’s causing it?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffirefox-rendering-issue-3%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Ramona](https://wordpress.org/support/users/nextend_ramona/)
 * (@nextend_ramona)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/firefox-rendering-issue-3/#post-15245199)
 * Hi [@pixelshrink](https://wordpress.org/support/users/pixelshrink/)
 * I checked your slider in Firefox (96.0): [https://imgur.com/AJG9kdB](https://imgur.com/AJG9kdB)
   
   and Chrome (97.0.4692.71): [https://imgur.com/pY3gHNg](https://imgur.com/pY3gHNg)
   and for me both look the same.
 * Are you possibily logged in to your account in Chrome where you don’t see the
   problem? I think the issue happens because of some kind of 3rd party optimization
   plugin, and those generally don’t run for logged in users.
 * Usually these plugins also don’t run if you have a query string in the URL. So
   if you simply type e.g. `?test=1` after your site URL. With this trick, even 
   Firefox looks fine for me:
 * > [View post on imgur.com](https://imgur.com/dzHTdrX)
 * What I can see is that there should be a CSS code applied to the image:
 *     ```
       .n2-ss-slider .n2-ss-item-image-content img {
         display: inline-block;
         max-width: 100%;
       }
       ```
   
 * Basically, this means that the img elements inside `.n2-ss-item-image-content`
   that are inside `.n2-ss-slider` should have a max-width set. It works fine when
   there’s a query string in the URL. However, without a query string (without the
   e.g. `?test=1`) this CSS code does not work, because the image container class
   is renamed by something.
 * So with the correct codes, the image and its container should look like this:
 * > [View post on imgur.com](https://imgur.com/pS7oseG)
 *     ```
       <div class="n2-ss-item-image-content n2-ss-item-content n2-ow-all">
       <img src="photo_aims_1_new.jpg">
       </div>
       ```
   
 * but by default on your site the `n2-ss-item-image-content` class name is changed,
   so the code above looks like this:
 * > [View post on imgur.com](https://imgur.com/qIGte2W)
 *     ```
       <div class="n2-ss-item-image n2-ss-item-content n2-ow-all">
       <img src="photo_aims_1_new.jpg">
       </div>
       ```
   
 * And because of that, the max width is not set for the image.
 * I can see you’re using Hummingbird Performance. Can you try turning it off to
   see if that causes the problem?
 * If that makes no difference, try running a plugin and theme conflict test:
    [https://smartslider.helpscoutdocs.com/article/1735-how-to-do-a-plugin-theme-conflict-test](https://smartslider.helpscoutdocs.com/article/1735-how-to-do-a-plugin-theme-conflict-test)
   to see if you can find the plugin that causes this problem. If you find the plugin,
   please tell me it’s name and I’ll run some test to see if there’s anything we
   could do to avoid this problem.
 *  Thread Starter [pixelshrink](https://wordpress.org/support/users/pixelshrink/)
 * (@pixelshrink)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/firefox-rendering-issue-3/#post-15248930)
 * Thanks very much for your very speedy support.
 * The issue seems to be fixed at my end too now: I used Regenerate Assets in the
   Essential Addons for Elementor plugin and it’s seemed to fix this and another
   issue.

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

The topic ‘FIrefox rendering issue’ is closed to new replies.

 * ![](https://ps.w.org/smart-slider-3/assets/icon.svg?rev=2307688)
 * [Smart Slider 3](https://wordpress.org/plugins/smart-slider-3/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/smart-slider-3/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/smart-slider-3/)
 * [Active Topics](https://wordpress.org/support/plugin/smart-slider-3/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/smart-slider-3/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/smart-slider-3/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [pixelshrink](https://wordpress.org/support/users/pixelshrink/)
 * Last activity: [4 years, 5 months ago](https://wordpress.org/support/topic/firefox-rendering-issue-3/#post-15248930)
 * Status: resolved