Problem with Resizing Banner for Mobile

[arnolddubitsky]

Hello,

I am developing a site and I noticed my banner does not resize correctly for sizes 767px and less. There is white space on the right-hand side (see attached picture). I also had to delete carousel widgets from the page because somehow the javascript resizing those sections caused the page to freak out (seemed like an infinite loop).

There URL is here:

http://canariesinthecoalmine.net/

I am using Flexform via my own child theme so I wasn’t sure if my code was conflicting so I went ahead and got rid of all the javascript I added. But I still get this problem. Hope you can help!

[Swift Ideas – Ed]

Hi there,

Try adding the following custom css:

@media only screen and (max-width: 767px) {
.page-heading.alt-bg {
width: 110%!important;
margin-left: -5%!important;
}
}

Hope that helps!

– Ed