Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 30, 2019 at 3:16 am #1123012
    Byrne

    Hi There,

    I am using Logo center, menu above for the header. When I do this the logo disappears below the main menu I am using the following css to get the logo in the correct postion. The desktop looks fine but the header on the iPad landscape is too big, lots of white space below the logo. Could someone please help me correct the header size on iPad landscape.

    Header height set to custom size 135px

    /* logo size and position */
    @media only screen and (min-width: 768px) {
    .logo img{width: 430px !important;}}

    @media only screen and (min-width: 1180px) {
    .logo img {margin-top:57px !important;}}

    /* mobile menu on ipad */
    @media only screen and (max-width: 1180px){
    .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {display: none;}
    .av-burger-menu-main,.av-logo-container .main_menu {
    display: block!important;}}

    July 30, 2019 at 6:31 pm #1123220
    Victoria

    Hey Byrne,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width:768px) and (max-width: 1024px){
    .html_top_nav_header.html_mobile_menu_tablet .av-logo-container {
        height: 88px;
    }
    .html_header_top.html_logo_center .logo {
        padding-top: 10px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 31, 2019 at 7:00 am #1123400
    Byrne

    Brilliant, thank you.

    July 31, 2019 at 8:29 am #1123440
    Jordan Shannon

    Hi,

    I’m glad this was solved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logo center, menu above – ipad header height’ is closed to new replies.