Resize theme to mobile devices.

  • Posted in : Read WP
  • 1Mperios
    Participant

    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
    Keymaster

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

    1Mperios
    Participant

    Hey Ahmet,

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

    ahmetsali
    Keymaster

    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
    Participant

    [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
    Keymaster

    try this custom css;

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

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

    ahmetsali
    Keymaster

    images are flexible, they fit screen width auto.

    1Mperios
    Participant

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

    ahmetsali
    Keymaster

    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.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register