WordPress.org

Forums

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

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

Tags

No tags yet.