header display options for mobile phone

  • Author
    Posts
  • #115252

    dubdoug
    Member

    Hi,

    My header is reduced to very small size when displayed on mobile phone and there is a large amount of white space from the logo image to the menu bar. Is there anything I can do to improve this, any CSS suggestions appreciated.
    I wonder can I change the css to point to another smaller source image for those viewing by mobile phone
    or
    remove the white space between header image and menu when viewed by mobile phone.
    thanks

    The blog I need help with is brandnewretro.ie.

    #115351

    binarymoon
    Theme Author

    Hi there – the following custom css should help improve things:

    @media only screen and (max-width: 600px) {
    .masthead .menu {
    margin-top: 10px;
    }
    a#header-image {
    top: -66px;
    }
    }
    #115354

    dubdoug
    Member

    thank you for quick reply and neat solution!

The topic ‘header display options for mobile phone’ is closed to new replies.