Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 19, 2014 at 5:33 am #280991
    blankonblank

    What is the easiest way to reduce the height of the header area and logo when a site is viewed on mobile especially if the logo we use is not exactly the same dimensions as recommended (340px * 156px).

    June 19, 2014 at 5:44 am #280999
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .responsive #top .logo, .responsive #top .logo a, .responsive #top .logo img {
    height: 50px !important;
    max-height: 50px !important;
}

    Result:

    Cheers! 
    Josue

    June 19, 2014 at 9:16 pm #281375
    blankonblank
    This reply has been marked as private.
    June 19, 2014 at 9:56 pm #281406
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #mobile-advanced {
    min-height: 0 !important;
    padding-bottom: 0;
}

#advanced_menu_hide:before, #advanced_menu_toggle:before{
    top: -2px;
    position: relative;
}

    Cheers! 
    Josue

    June 20, 2014 at 6:22 pm #281708
    blankonblank
    This reply has been marked as private.
    June 20, 2014 at 6:29 pm #281713
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘HEader Height Mobile’ is closed to new replies.