Site not displaying properly on tablets and phones


#1

Hi,

Been troubleshooting this and can’t find what the problem is.

Site displays fine on a desktop but on any mobile device the front page isn’t displaying properly.

Site in question: www.amcarthursound.com

Screenshot of site on iPad mini.


#2

Hey,

First, add this to your style.css:


.welcome-logo {
    width: 100%;
}

Second, you might want to use a slightly bigger image (in height).


#3

Thanks for the quick response. I doubled the height of the logo and added that to the style.css.

Don’t think the added code did anything and the increased image height just pushed the logo down but on mobile the layout remains the same. Screenshot from iPad:


#4

I also disabled the logo altogether so it was just text and the layout remains the same.