Blog responsive maken (smartphone portrait)

Hoi mensen
ik heb een goed werkende website gemaakt http://www.bienekebiensart.com/ alleen er is nog 1 dingetje: de blog (entry-meta) is niet responsive op een smartphone in portrait mode. Op landscape wel en ook op de tablet (portrait en landscape) en de pc. De post details van de blog posts zijn niet (geheel) zichtbaar op de smartphone in portrait mode.

Dit is de CSS code m.b.t. entry-meta:

.entry-meta{
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #444;
    background: rgba(0, 0, 0, .5);
    padding: 15px;
}

.entry-meta a, .meta-info-comment{
	color: #b0afaf;
	font-size: 16px;
	margin-right: 10px;
}

.entry-meta a .fa{
	font-size: 14px;	
}

en

.entry-header .entry-meta{
	background: none;
    position: inherit;
    padding: 0;
    text-align: left;
}

.entry-header .entry-meta a, 
.entry-header .meta-info-comment{
	color: #b0afaf;
}

en dit heb ik toegevoegd als code:

@media only screen and (max-width:250px){
.entry-meta .posted-on .byline .meta-info-comment {
margin-top: 60px;
}
}

Ik heb het aantal pixels telkens veranderd (ook naar 200 gedaan) maar er lijkt niks te veranderen aan de positie van de blog post details (entry-meta). Ik wil (dus) dat deze geheel zichtbaar op de smartphone in portrait modus.

Wie kan mij helpen?
Groet
Sasseke