Jump to the post that solved this thread.
Not Solved How can I make a photo responsive?
#1
Not Solved
How can I make this code responsive?

.member_head {
    position: relative;
    float: left;
    width: 100%;
    height: 165px;
    background: url(../../../../../images/photos/member_back.png);
    background-size: cover;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .30);
}

For mobile I want the height to be 50px not 165px. How can I do it?
Reply
#2
Not Solved
Use CSS media query, Example
@media only screen and (max-width: 420px) {
 .member_head {
     height: 50px;
}
}

NOTE: You will need to use meta viewport in your website header.

Regards
WallBB
Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)