Slider Height/Width Issue

[ajfick]

I love the Denali theme but the only issue I’ve had is that for some reason that I can’t quite figure out how to fix … the slider on our homepage adds extra space (almost like a margin) to the bottom of the images that are to be contained in the slider. We have tried every configuration of the settings in the Theme Blvd editor that we could think of but to no avail.
Here is a link to a screen shot, but it can be somewhat hard to see since the slider “wrapper” and background colors are so similar. However, you can clearly see that the navigation dots for the slider are pushed far below the images in the slider itself.
One interesting thing to note, I did realize that when I opened my dev tools in chrome to inspect that space, the space disappeared which leads me to believe that the issue is somehow related to jquery or js figuring out the height of the viewport and for some reason being too big.
I don’t really know, I am fairly new to JS and Jquery so any help would be appreciated if there is a somewhat easy fix.

Thanks!
AJ

Topic

[Jason Bobich]

Hi AJ,

Could you please provide a live link to the issue? This would make things a lot easier because there are so many theoretical factors at play here.

You can send the URL privately, if you like. Just let me know here if you’ve sent it through that form.

http://support.themeblvd.com/submit-private-information/

[Jason Bobich]

All right, I checked out your site. In the future, please let me know here in your topic if you send information through that form so I know to check it and get the info.

Is there a reason you’re using the Hero Unit Slider element just for a just a slider of images only? Were you planning to add more complex text later over the images? If not, you should use the “Simple Slider” element. So try deleting the current Hero Unit Slider, and putting a Simple Slider element in its place. Let’s see if that solves your issue. And I think for what you’re doing, you’ll find that’s much easier to manage, anyway.

The idea behind the Hero Unit slider is setup a series of hero unit text elements, in which you place a background behind each one. In other words, the background is just a secondary compliment to what’s being displayed in the content of the hero unit. But in your case, it looks like you’re just wanting to do a straight forward image slider, in which each slide is structured by the image. You’re getting varied results in different browsers because you’ve got a blank content area in each slide, which the javascript is trying to figure out.

[Author]

Replies