Scaling issue after 3.7.1 Upgrade
I’ve had an issue after upgrading to 3.7.1. My slider no longer scales to the browser size. In debugging two different sites both using the slider but one has had WordPress upgraded and the other has not, I see that on the first DIV inside the #slider DIV one gets its max-width set to 100% (the one that still works) and the other gets its max-width set to 1280 (staying fixed at that width and not scaling to larger browser).
Hi, is the site that’s working using Vantage? If so, that theme does something special to make it 100% wide. Meta Slider (up until now) has never had a 100% wide option built in, so I don’t think its 3.7.1 related, it’s just never worked.
But.. if you upgrade to 2.5-beta you can make your slideshows 100% wide (instead of having a max-width).
Update Meta Slider to 2.5-beta, then update your shortcode to:
[metaslider id=XXX percentwidth=100]
Interestingly, the site that’s still working is using Vantage. The site with the problem is using Hannari. I’ll test the beta and update.
Is it possible to install the beta in parallel with the current release version? The install of the beta fails because the folder exists.
That does indeed force the slider to stretch to full width. Here’s the main difference: prior to the upgrade, the slider would stretch in width but not in height, so your layout was never changed vertically just because a user runs their browser at a higher resolution. Is it possible to force a max height to keep the old functionality the same?
Are you sure you’re not getting Vantage and Hannari mixed up? The ‘old’ functionality you’re describing sounds like the stuff that comes packaged with Vantage – it’s never been a part of Hannari (as far as I know) or Meta Slider (until about 20 minutes ago).
You can fix the height by adding the following CSS:
Yes, double-checked the theme just to be sure. You can view source on the site I provided and you’ll see the references to Hannari. I started using Meta Slider with Vantage on the other site and it was built in. I manually added it to the site using Hannari by adding a container div and slider reference to the main PHP template.
That does help with the rendered height of the slider, which is great for now, thanks. It doesn’t set the next/previous buttons at the right heights because it looks like they’re being positioned relative to the intended overall height, just as an fyi.
Thanks for your help!
- The topic ‘Scaling issue after 3.7.1 Upgrade’ is closed to new replies.