Mobile Homepage Not Fitting Well

I am having an issue trying to get my site to responsively adapt to mobiles. Works great on laptops/desktops. Not sure about tablets. Please advise any tips. Thank you!

Our site: https://www.rovingsouls.com

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {
      .sydney-hero-area .crellyslider {
        height: 100vh !important;
      }  
    }

Regards,
Kharis

First of all, thank you for your reply. I did that and nothing changed except my footer (that I really wish I could remove!) dropped much lower. I’m referring, of course, to what happened on my mobile.

Hello there,

Crelly Slider has feature limitation that full screen slider couldn’t be accomplished. I am afraid.

The solution might be to use Smart Slider 3 instead. Its full screen demo can be seen here in this link.

In Sydney Pro, you can display the Smart Slider with a shortcode. Go to Appearance > Customize > Header area > Header type; and choose shortcode. To insert the shortcode, go back to Customize > Header area > Shortcode.

Regards,
Kharis