Hi,

I’ve made a website which seems to be almost complete now. I don’t know any coding. The mobile menu seems to be small and the headings seem to be mis-aligned on mobile.

I was looking around how to fix this issue, I’ve tried using wptouch plugin and this code pasted below to fix this issue but they haven’t worked.

@media only screen and (max-width: 991px) {
.site-title a:before {
display: block;
margin-left: auto;
margin-right: auto;
}
.site-title {
font-size: 30px;
}
}

Would anyone know how to fix this issue?

Kind Regards,
Babar.

The page I need help with: [log in to see the link]