intrukcje szablony loga do druku poradniki nadruki
Template mobile version
Easy way to make mobile version of you blogger template.



Step 1. 
We go into the template, then click on the gear wheel, located under template preview 'on mobile', next choose" No, on mobile show a desktop template". Or something simillar, since my blogger is in polish :D


Step 2. Go into HTML and above <head> add:

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport'/>


Step 3. In CSS add: 

@media only screen and (max-device-width: 400px){
  cod css
}

Here you can hide [ selector{ display:none;} ] or change every elements of your blog. Just remember that you need to use the same selectors. Example:

#Blog1 { margin-left: 20%; }
@media only screen and (max-device-width: 400px){
#Blog1 { margin-left: 0%; }
}

Brak komentarzy:

Prześlij komentarz