How To Change Page Margins

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by Veena Veena 3 years, 10 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #20024
    GemTastic
    GemTastic
    Member

    Hi,

    I was just wondering how to change the code for my site (using the FitPro theme) so that everything fits into a smaller page width space?

    For example, when reading posts on a large monitor it’s much too wide and inconvenient for the reader. How can I change this? I already tried playing with margins which worked on the web browser but ruined the mobile version of the site.

    Any help would be much appreciated, thanks in advance!

    #20027
    Veena
    Veena
    Moderator
    Post count: 8167

    Using media queries you can apply specific styles to small screens, large screens and anywhere in between .

    @media (query) {
      /* CSS Rules used when query matches */
    }
    

    eg:for mobile screens –

    @media only screen and (max-width: 767px){
    #content .hentry .entry-meta{
    margin: 0 auto;
    }}
    
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.