How To Change Page Margins

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #20024
    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
    Moderator

    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)
  • The forum ‘FitPro Theme Support’ is closed to new topics and replies.