Responsive?

  • JJNW

    (@jjnw)


    12 years ago

    Is there an option to make it responsive, so it would fit properly on design layout?

    Thanks!

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

    (@jjnw)

    12 years ago

    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)

    12 years ago

    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)

    11 years, 8 months ago

    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.