Menu Social Icons
[resolved] Icon size on mobile devices (2 posts)

  1. ImajWorks
    Posted 2 years ago #

    I've styled my menu social icons with this code:

    li.social-icon {
    	font-size: 4px;
    	margin: 0px;

    However, on mobile devices, the icons are loading at their full size (10px) and nothing I've tried in my media queries is working to display them at the smaller size.

    Any input?


  2. Paul Clark
    Plugin Author

    Posted 2 years ago #

    Without looking at your site's code, it's hard to say. Try using Firebug's Computed Panel to determine which styles may be overriding your settings. You likely need to set a CSS selector for mobile with higher specificity or !important. See http://css-tricks.com/specifics-on-css-specificity/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic


No tags yet.