Сайта: http://wearetechnology.com/мобильных иконок социальных медиа не проклейки правильно
У нас есть пользовательский социальные иконки средств массовой информации в заголовке и сноске на указанном выше сайте.
Все выглядит нормально на компьютере, даже когда я изменяю размер окна браузера, но когда мы подтягиваем сайт на смартфоне, значки изменяются до разных размеров (тощий, меньше и т. Д.).
Мы хотели бы, чтобы они оставались на том же уровне, что и на обычном сайте, но я не могу найти правильную область в CSS, которая меняется.
Вот CSS, который я использую:
.social-networks .facebook a{background-image:url(images/facebook-wat.png) !important; width:32px !important; height:32px !important;}
.social-networks .twitter a{background-image:url(images/twitter-wat.png) !important; width:32px !important; height:32px !important;}
.social-networks .linkedin a{background-image:url(images/linkedin-wat.png) !important; width:32px !important; height:32px !important;}
.social-networks .google a{background-image:url(images/google-wat.png) !important; width:32px !important; height:32px !important;}
Я добавил в файл media.css, но ничего не похоже на работу.
Любая помощь приветствуется.