Site homepage not properly responsive on mobile

I, too, stumbled across this. It looks fine in landscape, but not portrait on mobile devices. Would like to see the logo just above the slider to avoid this issue. I’m hopeful this gets patched in an update as it’s a good looking theme.

I cannot figure out how to make it work on a mobile.

I too find the same problem in WordPress 4.3.
Is this theme not getting updated anymore?

I’ve worked around this with this CSS in my child-theme style.css:

@media screen and (max-width: 920px) {
        /* On small screens the carousel messes up under the header */
        /* So stop it floating around and give it a background colour */
        .homepage header {
                background-color: black;
                position: relative;
                padding-bottom: 10px;
        }
}

Change background-color to match your site. It stops the header from overlapping the slider (or anything) at the same point the navigation collapses.

Thanks for your contribution, Patabugen. The update looks great in landscape, however, it overlaps the slider in portrait. Are you seeing the same?

I’ve gone with this for making the site usable on narrow screens. It’s neither great nor super but doing the job and making the theme workable for now!

/* The slider content gets lost behind the header when the screen is narrow */
/* and the slider content is not very short. Our slides all fit into 290px height so force them a bit taller, and give them some background */
@media screen and (max-width: 400px) {
        .carousel-inner > .item {
                min-height: 290px !important;
                background-color: #444;
        }
}

This is in use on this site: https://www.supportrefugees.org.uk/