an
groups-icon

Search box covering Menu

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.

    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;}
    }

    April 29, 2016 at 6:43 am
  • Janet Preuss
    0 points
    Beginner
    Members Only Content

    This reply is for PremiumPress customers only.

    Login Now
    April 29, 2016 at 6:58 am
  • Josh njenga
    -10 points
    Beginner
    Members Only Content

    This reply is for PremiumPress customers only.

    Login Now
    April 29, 2016 at 9:03 am

255

Views

2

Replies