[1Mperios]

Hello.

I have tried several plugins in order for my site to adapt to mobile device sizes however don’t like the templates they offer at all. I wish to resize the current theme to mobile size, what kind of CSS code would I have to use?

Many Thanks.

[ahmetsali]

Hi, just to be sure, do you want your site to be in mobile view always, even in desktops?

[1Mperios]

Hey Ahmet,

I would like it to display normally on desktops/laptops, and resize automatically when viewed with mobile devices.

[ahmetsali]

It is the default behavior of a responsive theme, and “Read” is a responsive theme and it should adapt itself to mobile view automatically, do you have any problem about that, then provide a url and see what’s wrong.

[1Mperios]

[link deleted]

When I see the site through my android phone, the text appears too big, I would like to resize and make it smaller but smaller only for the mobile. I would like to leave the size for the desktop to be the same.

[ahmetsali]

try this custom css;

@media (max-width: 767px) { 
	.entry-content p span { font-size: 14px !important; }
}

[1Mperios]

Thanks, this is starting to look much better now, do you also know how I could resize the images?

[ahmetsali]

images are flexible, they fit screen width auto.

[1Mperios]

Is there a way to control them? The sizes, I mean manual instead of auto.

[ahmetsali]

well this is the natural way to place images in a resposive design, but you may control them via media queries for different screen sizes.