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

    (@nextend_ramona)

    Hi @pixelshrink

    I checked your slider in Firefox (96.0): https://imgur.com/AJG9kdB
    and Chrome (97.0.4692.71): 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

    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

    <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

    <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
    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

    (@pixelshrink)

    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.