Hi Ciaran

I am having trouble with mobile responsiveness with the Hayley template when viewing our site (http://www.somerstennisclub.com.au) in portrait orientation on mobile phones and small ipad screens. As you can see from the attached photos, the text logo runs off the screen to the right, and the menu cannot be seen unless you turn the device to landscape orientation. I have tried changing various responsive settings and I have added the following custom css to the template parameters, but neither have made any difference:

@media only screen and (max-width: 768px) {
.logo-text h1, .logo-text h1 a {
white-space: normal;
text-align: center;
font-size: 25px;
}
}

Everything below the text logo is displaying as expected. Your advice would be appreciated.

Thank you, Louise