Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter JJNW

    (@jjnw)

    Made it responsive ??

    Basically I did something like this:

    #post-maker-container{
    	position: relative;
    	float: left;
    	/* was max-width: 690px; */
    	padding-bottom: 40px;
    	/* min-width: 630px; */
    	width: 100%;
    	height: 100%;
    }

    Then tweeted two other details:

    .categories-selector, .tags-selector{
    	/* was width: 200px; */
    	width: 100%;
    	float: left;
    	background: white !important;
    	border-radius: 4px !important;
    	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
    	font-weight: bold;
    	font-size: 12px;
    	padding-left: 3px;
    	height: 23px;
    	padding-top: 5px;
    	margin-top: 4px;
        line-height: 18px;
    }

    And

    .picker, .picker-t{
    	width: 200px;
    	height: 35px;
        /* was background: url(../images/right-row.png) -13px 35px; */
        position: absolute;
    	z-index: 11;
    	left: 0px;
    	top: 20px;
    	cursor:pointer;
    }
    Thread Starter JJNW

    (@jjnw)

    Oh and one more thing I did to ensure easy on the eyes:

    .article-content{
    	/* was width: 100%; */
    	/* was min-height: 130px; */
    	float: left;
    	border-bottom: /* was 2px solid #F2F0F0 */ none;
    	background: white;
    	/* was margin-left: 0px; */
    	padding-top: 15px;
    }
    Plugin Author Broobe

    (@broobe_dev)

    Hi! If you want, try the version 1.6…we really improved the responsive design ??

    Thanks for using social articles!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive?’ is closed to new replies.