I’m sorry but I cannot see the Slider under Bayview Pleasure to compare against?
Hi Simon,
that’s why I have not kept the slider under bayview pleasure to have a comparison.
my problem is when I put a slider(which is implemented in beach style) the popup for the first time opens too close to the top of the browser which takes top-32px and when I dont implement the slider (which is in bayview pleasure) opens up on the center.
do you know is there anything in JS or css of the slider which takes top-32px?
Thanks
On on my monitor, when I open Beach Lifestyle, the modal popup opens 100 pixels from the top. The Beach Pleasure is opening 249 pixels from the top. (I’m using a 4:3 aspect ratio monitor).
What is happening is that when it renders the Slider (as the page loads) it is stacking the 3 slides are being stacked on top of each other for the purpose of modal/popup height calculation. So the modal with the slider is higher than the one without.
Hmmm, What you could try is maybe setting a max-height for slider:
#beach { max-height:500px !important; }
Also try:
#beach .owl-wrapper-outer { max-height:500px !important; }
And:
#beach .owl-wrapper-outer > div { max-height:500px !important; }
If this fails you could also try:
#eModal-9 { max-height:500px !important; }
Setting the height for the modal may cause the JS that calculates the modal top/left to make the correct calcs.
Note the 500px is a thumb-suck. You will have to play with this – if this works…
Hi Simon,
works like a charm!!!
I would rate this plugin 5 stars, first of all its a great plugin slider for html content, I have ever seen.
second thing, I would rate another 5 stars for your prompt reply and solution, I almost wasted my day and half trying to figure out whats happening, modified js, css and then I gave up, but you are superstar..
Thank you very much Appreciate it!!!