Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #36346
    ashrafashraf
    Member

    Hi sir, Please,
    Can i do the following :


    @media
    screen and (max-width: 479px) {
    .social-icons{display: none;}
    #site-generator { padding-top: 75px; }
    }

    to disappear the social icons on my iphone ?

    Regards
    A.J.

    #36421
    Sakin
    Keymaster

    @ashrafashraf: Yes you can do that. But why you need #site-generator { padding-top: 75px; } You can simply add

    @media screen and (max-width: 767px) {
    .social-profile {display: none;}
    }
    #36425
    ashrafashraf
    Member

    I have the following code already:
    #site-generator { padding-top: 75px; }

    So i will add on it the next ins.
    #site-generator { padding-top: 75px;
    .social-profile {display: none;}
    }

    Is that correct?

    Thanks

    #36426
    Sakin
    Keymaster

    @ashrafashraf: if you need both then it will be as below:

    @media screen and (max-width: 767px) {
        #site-generator { padding-top: 75px;}
        .social-profile {display: none;}
    }
    #36427
    ashrafashraf
    Member

    Yes sir,
    I added : .social-profile {display: none;}

    to all my media screen,to prevent the social profile appear on mobile devices.

    Thanks

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘@media screen’ is closed to new replies.