This topic has 1 reply, 1 voice, and was last updated 8 years by 
-
-
If you want to add specific Css code for Media Screen, for example: 480px, use this into your style.css (ChildTheme):
@media screen and (max-width: 800px) {
table#message-threads td.thread-avatar {
display: none;
}
}
@media screen and (max-width: 760px) {
input#messages_search {
display: inline-block;
right: 150px;
top:44px;
position: relative;
margin-right: -10px;
}
}
@media screen and (max-width: 700px) {
form#search-message-form {
margin-bottom: 20px;
}
}
Try changing the max-width for customizer your Theme.
This code solve a problem with Message Screen.
@media screen and (max-width: 320px) {
.buddypress div.message-search #messages_search {
display: inline-block;
right: 150px;
top: 44px;
position: relative;
margin-right: -90px;
margin-left: 20px;
}
}@media screen and (max-width: 320px) {
input#messages_search_submit.button {
width: 80%;
margin-left: 20px;
}
}
You must be logged in to reply to this topic.
