Andrew Nevins on "how to customize the mobile view of a site without affecting the computer view"

i wanted to change the mobile view of my site to make it look better but when i did so it had huge effects on the computer view

Typically, on a responsive theme, you use CSS media queries to apply different styles to your site at different screen widths.

For more information, see

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

http://www.w3schools.com/css/css3_mediaqueries_ex.asp

That should be enough to get you started. :-)

thanks stedata for the quick reply.
I am currently leaing programing so am not sure what to do of the css could you send me some plugin or php code from which i can customize my website on the mobile view without affecting the computer view.

Hi @kunalnc17, I'm afraid you're going to have to get your hands dirty with CSS media queries.

But then there is no other way

There is no other way. You can use a "mobile theme" plugin which changes out the theme on mobile, but that will likely not give you the result you want.

You can modify your theme or install a new one.

yeah, but the only thing i have to change is that the title and the tagline are put together as it looks better like that on the computer view but when it comes to the mobile view so it starts to become cramped so what i want is that on mobile half of the tittle appears in small like the tagline without affecting the computer view.

This is something we can help you with, but again you'll be touching CSS Media Queries. As long as you're comfortable with that, show us your webpage and we can give you code recommendations.