Wait a minute... This content is very very old. We no longer sell or support this theme version. New Topics
Version 9
Janet Preuss
0 points
Beginner
Hello,
I am using the December Child theme (Directory theme), and when I shrink the size of the screen (e.g. to mobile phone size), the search box on the home page moves to cover the menu. This occurs because the main image disappears.
I’ve tried putting in some CSS with a top margin only for the small screen sizes, but it isn’t working.
If anyone could tell me where I’m going wrong, I’d really appreciate it.
Hello,
I am using the December Child theme (Directory theme), and when I shrink the size of the screen (e.g. to mobile phone size), the search box on the home page moves to cover the menu. This occurs because the main image disappears.
I’ve tried putting in some CSS with a top margin only for the small screen sizes, but it isn’t working.
If anyone could tell me where I’m going wrong, I’d really appreciate it.
The CSS I have for this is:
@media (min-width: 0px) and (max-width: 480px) {
#core_padding { padding:0px; }
.nsearchbox { margin-top: -10px; }
}
@media only screen and (max-width: 480px) {
.nsearchbox {margin-top: -10px; }
}
/* Large desktop */
@media (min-width: 1200px) {
.nsearchbox {margin-top: -50px;}
}
/* Landscape tablet to desktop */
@media (min-width: 980px) and (max-width: 1199px) {
.nsearchbox {margin-top: -50px;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.nsearchbox {margin-top: -50px;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.nsearchbox {margin-top: -10px;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
.nsearchbox {margin-top: -10px;}
}
Members Only Content
This reply is for PremiumPress customers only.
Login NowMembers Only Content
This reply is for PremiumPress customers only.
Login Now