How To Change Page Margins

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


    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!


    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.