Hey guys,
I have been running an online business for about 15 years now. I have seen my listings keep falling on the search engines for main keywords and can't seem to get it them back.
I just recently noticed that Google says my site is not Mobile Friendly so I decided to figure some of that out.
One of the things I have noticed is that my phone number at the top of the page works fine on a desktop but the color and position are off on an iPhone.
Most of my site is in HTML, I am the one who built it with no real education on the subject and it shows. I was thinking that if I start using CSS for everything it will help with the mobile side. I figure if I start small with this one issue I might be able to figure out how to get the rest of my site using CSS.
The phone number is in my Global Header using this simple code: <font color="white"><font size="6"><center>(555) 555-5555</center></font></font>
It works fine for the desktop but not for mobile. This is what I tried to replace it with and it does nothing:
<html>
<head>
<style type="text/css">
body {
color: White; }
</style>
</head>
<body>
(555) 555-5555
</body>
</html>
Am I completely off here? I am assuming that I have to do more to call up CSS, if its even possible?
My website is: SpotlightDisplays dot com
Thank you for any advice!!!
I have been running an online business for about 15 years now. I have seen my listings keep falling on the search engines for main keywords and can't seem to get it them back.
I just recently noticed that Google says my site is not Mobile Friendly so I decided to figure some of that out.
One of the things I have noticed is that my phone number at the top of the page works fine on a desktop but the color and position are off on an iPhone.
Most of my site is in HTML, I am the one who built it with no real education on the subject and it shows. I was thinking that if I start using CSS for everything it will help with the mobile side. I figure if I start small with this one issue I might be able to figure out how to get the rest of my site using CSS.
The phone number is in my Global Header using this simple code: <font color="white"><font size="6"><center>(555) 555-5555</center></font></font>
It works fine for the desktop but not for mobile. This is what I tried to replace it with and it does nothing:
<html>
<head>
<style type="text/css">
body {
color: White; }
</style>
</head>
<body>
(555) 555-5555
</body>
</html>
Am I completely off here? I am assuming that I have to do more to call up CSS, if its even possible?
My website is: SpotlightDisplays dot com
Thank you for any advice!!!
Comment