Slider has fixed height

  • Author
  • #2087



    First of all – your theme is a pleasure to work with! The style sheet is so well structured and your documentation is a great help.

    My problem is that the slider on my individual pages has a maximum height of 480px and I have no idea why. The width adjusts to the screen as it should, but the height only ever goes up to 480px, so the images get cut off. Funnily enough, the demo slider isn’t affected by this and both height and width scale properly.

    I haven’t found anything in the code that would restrict the height of the slider images or the slider container. Any ideas?

    If it helps, the site is here.


    Andrew Misplon

    Hi Kirke

    Thanks for your support, great to hear from you.

    I really appreciate you reporting this problem. I can re-create locally. I’m working on this now and will report back with a hotfix ASAP. I’m at GMT+2 so I might have to reply tomorrow.

    (A friendly reminder that I send out regularly: All WordPress themes completely overwrite their own folder during theme updates. Changes to the parent theme files are no update safe. If you need help recovering from a situation where you’ve edited theme files directly, please, let me know).


    Andrew Misplon

    Think I’m there 🙂

    If you’re not already using a Custom CSS plugin go to Plugins > Add New: search for Simple Custom CSS. Once activated insert the following at Appearance > Custom CSS:

    /* Ultra Main Slider Full Stretch Hotfix: Remove After Next Update */
    .full-container {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      padding: 0 1.78571em;
      position: relative;
      margin: 0 auto;
      max-width: 85.7143rem;

    Next, go to Meta Slider and ensure your slider width is set to 1200px. The slider height should now be respected with using the stretch slider page setting.

    Thanks for your help on this point.



    Hi Andrew,

    thank you for your quick reply and sorry for keeping you up so late (I’m GMT+1, btw)! I was already using CustomCSS, so everything is safe. 🙂

    Unfortunately, all this new code has done for me is restricting the demo slider to a height of 480px as well when it was working correctly before. No idea why this is happening. I’ve set the Meta Slider width to 1200px as well.

    I’m looking forward to your update, though. I’ll just keep working on the site and leave the slider for the moment.

    Thanks again for your quick help!


    Andrew Misplon

    Apologies for the continued hassle. I’ll have this fixed up for you ASAP. Would it be possible to take a quick look at your site while logged in? If that’s ok you could send a temporary set of login details here by using the private reply checkbox below the form field OR email me on [email protected]. Once we’re done you can delete the temporary user account. If possible, please, make it an Administrator account.

    Thanks 🙂



    I fixed it! Or at least, I found out what’s causing the issue. It happens when you select the “stretch to 100% width” option in BOTH the MetaSlider plugin settings AND the slider options on the page you’re putting the slider on. I unchecked that box on the page with the slider and it suddenly worked. No idea why those two options would clash, as they are saying the exact same thing, but at least now you know where to look for the problem. 😉


    Andrew Misplon

    Thanks so much for reporting this. I’ll be sure to take a look. Really glad to hear you made progress. Apologies for the hassle caused.

    If anything else comes up, please, let me know.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

Scroll to top