Brian, is there a way to get this template to center when viewing it on a mobile device?
It is a nice alternative for mobile users and Google's Mobile Friendly Test likes it also.
THANKS!
[ You are not allowed to view attachments ]
TONY try this sorry been busy but had time to look at it this morning
add this to both to the end of the css files main.light.css main.dark.css , i managed to use my neighbours samsung phone this morning for 10 minutes
where at max-width:830px you adjust that to suit your device as Im guessing there different so play around with that then wont screw if visitors arrive on a ios device.
/* homeweatherstation beta css for mobile CNYWEATHER devices */
@media only screen and (max-width:830px){
.weather-container {
display: inline;
width: 300px;
height: 200px;
background-color: none;
margin: 5px auto;
font-family: arial,sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
overflow: hidden;
}
.weather-item {
float: none;
width: 310px;
margin:0 auto;
margin-top: 10px;
overflow: hidden;
}
.homeweathernotifications {
display: none;
}
.homeweathernotify {
display: none;
}
.chart,.chart,.charttemperature,.chartforecast,.a,.chartbarometer,.chartdeprem,.chartdirection,.chartrainfall,.chartsky,.chartsolar,.chartwindspeed,.weather2-container,.weatherfooter-container,.weatherheather {
display: none;
}
header {
display: none;
}
#icon {
width: 55px;
height: 43px;
float: left;
padding: 5px;
margin: 0 0 0 10px;
}
}