Incorrect slide width on initial load

  • Hi,
    I have an issue with SA Slider when browser window is wider than boxed content max width. Please see console on linked page load (I stopped slider on this page for more convenient debugging), I’ve added a script to output dimensions jQuery returns.
    Boxed content max width is 1320 minus 2×20 side paddings, so must be 1280. When browser window is > 1320 jQuery returns width 1120, outerWidth 1160.
    The only place I found width setting 1160 is slider’s parent element #main-page-content max-width, but it’s overriden with other CSS — #main-page-content.project-page max-width = 1320;
    I tried to add CSS media query to set exact width (), nothing changed.
    After window resize everything comes good. Please advise how to fix.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author simonpedge

    (@simonpedge)

    Hi, it looks like you managed to resolve this issue? This is what I see:
    https://i.imgur.com/WgkHxpZ.png

    The width of Owl Carousel (SA) container is 1280 pixels.

    Thread Starter demuri

    (@demuri)

    @simonpedge interesting, seems like I did it, but I don’t get how ?? In Chrome which I used to browse problem still exists. In other browsers or Chrome incognito works fine.
    I truly believe it’s jQuery issue.
    https://s1.hostingkartinok.com/uploads/images/2021/09/40dbd00d0ff918f1eabacf6bd40f4a7d.png

    • This reply was modified 3 years, 2 months ago by demuri.
    Plugin Author simonpedge

    (@simonpedge)

    Try ticking the ‘DOMContentLoaded event‘ checkbox (under ‘Other Settings’).

    Thread Starter demuri

    (@demuri)

    Actually there is some problem, please see console output. Currently slider_width is 1496 for me on initial load. Please refer to https://dev.berdnikovfoto.com/models/ — I turned on ‘DOMContentLoaded event’ option, and slider on this page is the only one with 2 slides per scene. You can see slider container is actually wider than expected.

    Plugin Author simonpedge

    (@simonpedge)

    Had a look – very strange. Its setting each slide to 940px width on initial load (and then resizes to 640 pixel when resizing window or opening ‘inspect element’) – cannot see why this is.

    Have a look at your theme options, to see if there is an optimization setting somewhere causing this – maybe a setting that is combining JavaScript/CSS or defer loading until end of page. Disable all theme optimization settings as a test – also if you have a cache/optimization plugin – try disabling that as a test.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Incorrect slide width on initial load’ is closed to new replies.