Removing borders for small screens

  • Posted in : Photographer
  • smcm79
    Participant
    9 July 2015 at 14:03
    #23565

    Hi there!

    I have used the following custom CSS to add a border to my site. However I would like to remove the border completely for smaller screens like tablets and phones.

    body .site {
    border: 2px solid #e3e3e3;
    margin-top: 75px;
    margin-right: 150px;
    margin-bottom: 75px;
    margin-left: 150px;
    }

    I can’t seem to get the CSS right for this. Could you please help me out? Many thanks.

    Sam

    ahmetsali
    Keymaster
    15 July 2015 at 04:10
    #23678

    Hi, update your code as;

    @media screen and (min-width: 992px) { 
    body .site {
        border: 2px solid #e3e3e3;
        margin-top: 75px;
        margin-right: 150px;
        margin-bottom: 75px;
        margin-left: 150px;
    }
}
    smcm79
    Participant
    15 July 2015 at 14:31
    #23694

    Excellent! Many thanks for your help with this.

    ahmetsali
    Keymaster
    15 July 2015 at 21:32
    #23705

    you’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

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

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

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