Hey there,
I took a look at your site on my iPhone 6+, I don’t where it’s italic. Could you show me a screenshot.
Here is my screenshot:
http://take.ms/GN7Oe
Your header images is way too big for mobile though. You should use a smaller image for faster load times. It’s currently 2175px wide!
A nasty CSS fix would be:
body img:first-child {width:100%;}
I say nasty because the image size is still big, it’s still loading. Just looking better.
As for the centralisation of the content, it’s all in a <center> tag. Remove the tag, or use some CSS like:
body center{
text-align: left;
display:block;
}
Hope this gets you sorted, have a fantastic day!
Thanks Timothy., I added the tags and it worked… I was also wondering is there any way I can edit my banner/logo to resize it
Hey there,
Do you have a larger version of the image?
Scaling up with CSS could distort it, it’s best to optimise a larger image for use.
Perhaps then use some CSS to scale down, or use a smaller version for mobile browsing.
As an example in CSS:
#logo a img {
height: 180px;
width: 280px;
}
Hopefully that should give you some ideas 🙂