mobile head space too big

  • OldSoftware

    (@oldsoftware)


    10 years, 4 months ago

    My web site, new.bluegrassusa.net looks fine on a larger screen but when I size it down the top is just blank then the menu button. How do I eliminate some of the wasted space?

    Jim

Viewing 2 replies - 1 through 2 (of 2 total)
  • christomwebdesign

    (@christomwebdesign)

    10 years, 4 months ago

    Hi you can try adding this to your custom css

    @media only screen and (max-width: 991px) {
.site-header .col-md-4 {
display: none !important; }

.site-header.fixed {
padding: 0 0 10px !important;
}
}
    Thread Starter OldSoftware

    (@oldsoftware)

    10 years, 4 months ago

    WOW! Quick response. Thanks!

    This got rid of the bottom padding but there is still a fair amount on the top. I changed your code to:

    /* Mobile menu testing */
    @media only screen and (max-width: 991px) {
    .site-header .col-md-4 {
    display: none !important; }

    .site-header.fixed {
    padding: 0 0 0 0px !important;
    }
    }

    Any way to get rid of the top pad?

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘mobile head space too big’ is closed to new replies.