Some Meta Sliders size wrong and split pics

  • Resolved ryanchmura

    (@ryanchmura)


    7 years, 3 months ago

    So when I first visit the page the slider is resized smaller and wider than originally set. It also splits the pic in the middle and flips them. When I inspect page element or right click view image in new tab and then come back, it goes back to normal sizing.

    It is only affecting about 20 of my well over 1000 slides like this and I am unsure as to what the cause could be.

    Thanks in advance for any help!

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

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

  • Hi,

    Apologies, the link to the slider appears to be broken and is directing to a 404 page.
    Could you resend the link?

    Thread Starter ryanchmura

    (@ryanchmura)

    https://d6685764.u1485.netctech.com/tools/power-tools/sherman-reilly-battery-tools/srk6fx-6-ton-crimper/

    @ryanchmura It looks like it’s the styling that’s causing this issue. Specifically col-sm-12 and just below that, the page-content element. Tweak your display settings on those two elements and you should be good.

    Thread Starter ryanchmura

    (@ryanchmura)

    Why is it that only these recent ones that I made are affected? I have over 1000 meta sliders on my site all set up the same and none of them have this problem, also the problem resolves if you click to a different tab and then click back. Inspecting element shows that it appears to be a problem with how the first Li loads. I don’t think it is a styling issue simply because it is not affecting my other slides ??

    If you stop the page while loading you can see that the column is only at 50% width. This appears to be from Flexbox being unsure what to do.

    Do you have a link to another slider that’s on your site that works normally?

    Also, try to edit those styles and see if it fixes it. Alternatively, you might be able to set instead. 

    .page-content {
  width:100%;
}
    • This reply was modified 7 years, 3 months ago by Kevin Batdorf.
    Thread Starter ryanchmura

    (@ryanchmura)

    https://d6685764.u1485.netctech.com/specialty-items/wildlife-mitigation/avian-flight-diverters/fence-markers/

    • This reply was modified 7 years, 3 months ago by ryanchmura. Reason: wrong link

    Did you try the other suggestions? I think removing flexbox from that .col-sm-12 is key. It’s probably confused since you have that third element in there at the bottom (the table).

    Thread Starter ryanchmura

    (@ryanchmura)

    changing page-content to width:100% breaks other parts of my site but fixes the issue, removing flex-box breaks other styling on my site and does not resolve the issue. I can try and work around the page content width thing but I am dumbfounded as to why it is only affecting these couple sliders? Really appreciate your help with this!

    It really could be anything. It’s probably that table at the bottom though. I’m not sure how your theme is set up but maybe you could wrap that table in it’s own .row and .col-sm-12 to separate it from the main content area.

    Another thing you could do is just use the body class specific to those pages, something like:

    page-id-15010 .page-content {
  width:100%;
}
    Thread Starter ryanchmura

    (@ryanchmura)

    The other page I linked you has the same format of table with no problems so I dont think it is the table, the page-id is a good workaround though good idea

    Yeah sometimes not worth the effort to dig through to find out why, and instead patch it and move on ??

    Anyway, if this fixes the issue it would be nice if you could mark it as resolved ??

    Thread Starter ryanchmura

    (@ryanchmura)

    I don’t know what did it because my code is all the same, but this morning it’s fixed!

    Cheers!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Some Meta Sliders size wrong and split pics’ is closed to new replies.