WordPress.org

Support

Support » Plugins and Hacks » Fix: CSS to make this plugin responsive / mobile-friendly

Fix: CSS to make this plugin responsive / mobile-friendly

  • Mickey Kay
    Participant

    @mcguive7

    Hi there,

    Just wanted to share the CSS I used to responsivize this plugin. It’s been tested in Chrome, iPad, iPhone, Kindle Fire, and HTC EVO. Enjoy!

    #flightbox, #flightbox * {
    	-webkit-box-sizing: border-box;
    	   -moz-box-sizing: border-box;
    	        box-sizing: border-box;
    }
    
    #flightbox {
    	max-width: 95%;
    	width: 95%;
    	height: auto !important;
    	margin-left: 15px !important;
    
    }
    
    #flightbox img, #flightbox-meta {
    	max-width: 100%;
    }
    
    #flightbox-meta { /* Make sure this is above the next/prev links */
    	position: relative;
    	z-index: 20001;
    	padding: 5px 0 !important;
    }

    http://wordpress.org/plugins/flickr-gallery/

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Fix: CSS to make this plugin responsive / mobile-friendly’ is closed to new replies.