WordPress.org

Forums

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

  1. ImajWorks
    Member
    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?

    https://wordpress.org/plugins/menu-social-icons/

  2. Paul Clark
    Member
    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/

Reply

You must log in to post.

About this Plugin

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

About this Topic

Tags

No tags yet.