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

  1. ImajWorks
    Posted 10 months 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 10 months 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/


You must log in to post.

About this Plugin

  • Menu Social Icons
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.