Display another page when viewed from mobile

Question

I have two web pages: mobile.html with mobile.css and desktop.html with desktop.css.

How can I make a redirect to the mobile one (the default page is desktop.html) if sc

Answer 1

This is not recommended the best way is to use media queries to make your site responsive. By adding the class and detecting the browser width change.

       
This text is hidden in mobile

Now in Css put this line

@media only screen and (max-width: 500px){
.mobilehidden{
      display = none;
}
}

if you want to do this then you can use JavaScript for this. You can also use php ,css but JavaScript is easier. Simply use this inside script tag

if (screen.width <= 700) {
     document.location = "samplepage.html";
}

If you are using bootstrap there is a class for this

.visible-xs-* 
.visible-sm-*

The mentioned above sm is for tablets whereas xs is for mobile.