Dynamically adjust wrapHeight

globalsolutions's picture
globalsolutions
Tue, 05/20/2014 - 16:05
#1
Dynamically adjust wrapHeight

Is there a way to dynamically adjust the "wrapHeight" of the fullscreen slider?

Right now we have it set to a negative number to handle having a menu at the bottom, but i'd like to adjust that menu's height on smaller screen sizes so you can see more of the slider when it is shrunk down but still maintain the fullscreen feel.

cindy's picture
cindy
Wed, 05/21/2014 - 05:43

Hi,
Please send us your site as well as some screenshots to figure out your idea?

globalsolutions's picture
globalsolutions
Wed, 05/21/2014 - 11:20

The site in development is here: http://4.globalsolutions.org

I took some screen shots:
Vertical - http://4.globalsolutions.org/files/Screenshot-Vertical.png
Horizontal - http://4.globalsolutions.org/files/Screenshot-Horizontal.png

The vertical is ok, though the logo/menu is probably bigger at the bottom than I'd like.

The horizontal is where we really have a problem, you can only see a thin strip of the slider.

I'd like to be able to adjust the height of all three elements (the login section at the top, the slider, and the logo/menu at the bottom) when viewed on smaller screens. Unfortunately you have to specify the slider's height (either a %, or a +/- number) and you can't adjust the height of the div.mdf-fullscreen-1-wrap with css, as the script just overwrites it. It seems like there could be a javascript/jquery way to do this, but I haven't found a way to change the "wrapHeight" variable without it starting another instance of the slider, making the transitions double up.

cindy's picture
cindy
Thu, 05/22/2014 - 23:54

Hi,
We check your site on smaller screen (ipad and mobile) and your slider still work fine with beautiful performance?
https://drive.google.com/file/d/0B245yG3aZPz4RlZobVd0Y2w0aU0/edit?usp=sh...
https://drive.google.com/file/d/0B245yG3aZPz4YlQyaTJ6UFhoeE0/edit?usp=sh...

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.