Page doesn´t show sections on mobile phone

[L-A-R-S]

Hi there,

I have a problem. I have a page where some content ( 3 Sections are not shown on a mobile phone).

I checked it, there is nothing hidden or anything for different screen sizes.

Thats the page: http://designbau.bio/eg-wohnung-1
pw: Anton

In Cornerstone the the sections are shown. But not on a real smartphone.
Any Ideas why this could be?
And in Cornerstone there

Lovely Greetings,
Lars

[nabeel]

Hi there,

Thanks for writing around! I checked your setup and I see you’ve disabled the slider on mobile devices that’s why those sections are not loading on mobile devices (see screenshot)

Please go to the Slider Settings > Layout & Viusal and turn off the Disable Slider on Mobile feature. Please note that if it’s on the slider won’t load on mobile devices.

Cheers!

[L-A-R-S]

Oh I would never come to this idea. Thanks for helping out!!

Sorry, but I have one more question:

Is it possible to center a section when I scroll down? So that the user doesn´t have to center each fullsccreen section in
the middle of the screen. Is there a java script for that?

Lovely Greetings,
Lars

[Joao]

Hi There,

Can you clarify in more detail what specifically you want to achieve so we can provide you suggestion?

Thanks

[L-A-R-S]

HI there,

sorry I didn´t make it really clear. So in general, if it is possible on any page, that when I scroll down, that then the Section aligns in the middle of the page by itself. Difficult to explain for me.

So I added 3 screenshots from my startpage. When I scroll down, that the slide from the top or from the bottom is not shown in the screen view ( See in screenshot 1 and 3), I have to manually align it to the center of the screenview. Is there a way to center it automatically, so that the screen aligns the slider in the screen ( As in screenshot 2) when I scroll down and/or up.
Probably its a Java script? Thank you for any hint.

Good night,
Lars

[friech]

Hi There,

On what device you’re having the issue? I cant replicate this issue on my end.

Your slider is set to Auto Sizes on tablet and mobile

Try to clear your browser’s cache, and when you resize the browser for testing reload it so the width will be recalculated.

And I see that you added the slider via a shortcode inside a Content Area element, there is a Revolution Slider element that lets you add rev slider without pasting a shortcode.

Thanks,

[L-A-R-S]

Oh didn´t know that. That was not exactly what I was asking for but I changed it anyway. Thank you!!
Slowly my site gets right.

But I have another Problem. On this page; http://designbau.bio/eg-wohnung-1
the menu doesn´t open up on the mobile Phone. On all the other pages it works fine.
Any Ideas?

Thanks a lot!

[nabeel]

Hi again,

The menu isn’t working in mobile devices because you’ve a script added in Cornerstone’s JS section of that page which is conflicting with the menu functionality. Please remove the script from Cornerstone’s JS section to fix the issue.

Cheers!

[L-A-R-S]

HI there,

thanks for your reply.
Ah okay, but unluckily this script is needed, so that the anchor of the Sections are aligned when I klick the images on the top.
See this thread: https://theme.co/apex/forum/t/scrolling-to-section-content-area-without-navigation/21014/12

Lovely Greetings,
Lars

[nabeel]

Hi again,

Can you please try replacing the script with this:

jQuery(function($){
  $('a[href*="#"]:not(.x-btn-navbar)').off('touchend click');
  $('a[href*="#"]:not(.x-btn-navbar)').on('touchend click', function(e) { 
    e.preventDefault();
    var id = $(this).attr('href').split("#").slice(-1)[0];;   
    var theid = $("#" + id);
    console.log(theid);
    if (theid.length === 0) {
        return;
    }
    
    var pos = theid.offset().top + 40;
    $('body, html').animate({scrollTop: pos}, 1000, 'easeInOutQuart');
    return false;
  });
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[L-A-R-S]

Works perfect. Thank you!

[Joao]

Glad to hear it.

Cheers!