[raphaelzydekParticipant]

Hi guys,

when I set my revolution slider to Auto-sizing, I can set the custom grid size at mobile to 2000 px for example and longer text blocks are perfectly scrollable. But then the slider stops being fullscreen at normal monitor size. At the fullscreen setting the text will be cut off even when the overflow hidden option is turned off.
How can I maintain the scrollability of the slider at mobile screen sizes?

[ChristianModerator]

Hey there,

Please increase your desktop’s Grid Size height. See https://www.themepunch.com/revslider-doc/slider-setup/#layers-grid-size for Grid Size usage instructions.

Thanks.

[raphaelzydekParticipant]

Hey Christian,

first thanks for your answer! Unfortunately this does not help me because I wanted to maintain the fullscreen capability. The grid size settings only takes affect when I change the mode to Auto.
So because of this I had to buy a License from Revolution Slider to get support from the developers. We get it kind of work.

This is the slider I am working on: http://www.woh3hm73r.homepage.t-online.de/KT-TEST/wordpress/index.php/bookstest-2

For people who want to have this effect as well, here are the classes you need to address:

li.tp-revslider-slidesli.active-revslide {
    overflow: visible!important;
}
ul.tp-revslider-mainul {
    overflow: visible!important;
}

But now I have three problems regarding things of xtheme that I think you can help me with:
When I am on mobile I there is a bottom border or a solid line showing up and I cant find it in the code. Can you help me with the class I need to change?

The second thing is the background:
Revolution Slider cant handle the combination of the visible overflow and the background image, so I set the whole slider to transparent. The background gradient image you see is added in the page settings. The problem is, when somebody visits the page for the first time, a white border appears on the bottom of the page while scrolling. Maybe it needs to load the background first. How can I fix that?

The third thing is the smoothness of the scrolling. Is that me or do you experience stuttering as well? Sometimes I need attempt the scrolling a second time to make it work. Can you help me with this as well?

Thank you so much for your help and work! Your doing a great job!
Raphael

Update: Another question: It is possible to hide menu and header “Thormaehlen Photography” when I scroll down so the text is readable again?

[RadModerator]

Hi there,

1. Please add this CSS as well,

.x-slider-container.above, .x-slider-container.below {
    border-bottom: 0px !important;
}

2. Would you mind providing a screenshot? Maybe it’s not noticeable from my end.

3. It’s smooth on my end, what device you’re testing it with? It shouldn’t stutter since it’s more on text, it doesn’t even have effects. Or maybe it’s due to SuperFly.

4. You could, first, you must change your navigation position to fixed position in customizer, then add this CSS

@media ( max-width: 979px ) {
.x-navbar.x-navbar-fixed-top {
display: none;
}
}

Hope this helps.

[Author]

Posts