Step 2 - Create the CSS File
This tutorial assumes that you do not use CSS on your site. If you
do use CSS, add the lines to THE BOTTOM of your existing CSS file.
***NOTE: these tags only affect your site on a screen smaller than
801px. Once you have them set up, you can change just about anything
from font face to text size to paragraph width.
Open NotePad, add the following lines to a new file then save it as
css.css in your website folder and upload it to the folder where
your home page is located.
You can view our actual CSS file.
@media only screen and (max-width : 800px) {
.content {
font-size: 1em;
margin: auto;
width: 98%;
}
.footer {
font-size: .8em;
margin: auto;
width: 98%;
}
.header {
margin: auto;
width: 98%;
}
.invisible {
visibility: hidden;
display: none;
width: 1px;
}
}
Back
to Step 1 - Metatag
Go to Step 3 - Add Containers