[ashrafashraf]

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.

[Sakin]

@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;}
}

[ashrafashraf]

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

[Sakin]

@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;}
}

[ashrafashraf]

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

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

Thanks

[Author]

Posts