[GlobeEdgeParticipant]

Wordpress 4.7, Cornerstone 1.3.3, Revolution Slider 5.3.1.5

Hi there,

I’ve made a revolution slider a full page website essentially by adding a full-screen slider to the Above Masthead settings in Cornerstone.

However, I can’t seem get rid of the extra height to my slider to make the slider actually full-screen – how do I do this? To clarify, it’s not that there’s extra space below my slider… but that the slider itself is too tall so the content is larger than the viewport.

For reference: http://www.globeedge.ca/test-page/

Thank you!

[JoaoModerator]

Hi There,

Your slider revolution looks fine on : http://globeedge.ca/test-page/

Did you manage to fix the issue?

Let us know more details

Cheers

[GlobeEdgeParticipant]

Hi Joao,

It looks like the main reason why I’m seeing so much extra scroll is because I’m logged into wordpress – when you’re logged in and have the wordpress sticky bar up top, it pushes all the content down and gives me extra scroll.
The problem is worse when you’re logged in, but even when you’re not logged in, there is a tiny bit of extra scroll: http://globeedge.ca/wp-content/uploads/2017/01/extra-scroll.png

How can I hide the overflow for both logged in and not logged in? Should I be targeting a certain container?

I am hoping that this will also get rid of the elastic scrolling bounce that apple safari adds to webpages on mobile – can you confirm if I’ll need separate css to fix that too?

Thank you!

[JadeModerator]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[GlobeEdgeParticipant]

This reply has been marked as private.

[NicoModerator]

Hi There,

I could see that there is a border in the bottom of your slider.

.page-template-template-blank-6-php .x-slider-container.above{
border:none;
}

Let us know how it goes.

Thanks.

[GlobeEdgeParticipant]

Thanks!

That solved the problem of the scroll.

For the second part of my request – is there a way get rid of the top and bottom rubber band effect in safari on ios?

[RadModerator]

Hi there,

Would you mind providing a screenshot of the rubber band effect? Seems to be okay on my view.

Thanks!

[GlobeEdgeParticipant]

Hi,

This is the effect i’m talking about – https://www.youtube.com/watch?v=UjuNGpU29Mk

It just doesn’t work very well with single page websites like the one I’m trying to build.
It should be an iphone only thing, and google searching seems to find that there should be a css way to disable it.

Thanks!

[JadeModerator]

Hi there,

Please add this code in Custom > Javascript:

var startY = 0;
document.addEventListener('touchstart', function(e) {
    startY = e.touches[0].screenY;
});

document.addEventListener('touchmove', function(e) {
    var amountMovedY = e.touches[0].screenY - startY;
    if (amountMovedY > 0) {
        e.preventDefault();
    }
  // Disable move action when movement amount is negative (user tries to positive to top!)
});

Hope this helps.

[GlobeEdgeParticipant]

It works! Thank you so much!!

[RahulModerator]

You’re most welcome! 🙂

[Author]

Posts