Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 18, 2017 at 9:59 am #865606
    Dogmut

    hello i have my site header – logo / menu centered. On the ipad in portrait the hamburger sits to the right where I want it but in landscape the hamburger centers under the logo. Can you let me have the css so the hamburger sits to the right thanks.

    October 19, 2017 at 12:26 am #866000
    Nikko

    Hey Dogmut,

    Can you post a link to your site? so we can check further. You can post the details in Private Content so only the moderators can view it.

    Best regards,
    Nikko

    October 20, 2017 at 9:40 am #866643
    Dogmut
    This reply has been marked as private.
    October 21, 2017 at 12:37 pm #867026
    Victoria

    Hi Dogmut,

    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 (max-width: 1024px) and (min-width: 768px) {
  .responsive #top .av_mobile_menu_tablet #header_main_alternate {
    display: none;
}
.html_header_top .av_bottom_nav_header .av-logo-container .main_menu {
    display: block;
}
.html_header_top.html_header_sticky.html_large #main {
    padding-top: 116px;
}
 .header-scrolled .logo {
    top: 0px;
 }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 22, 2017 at 12:22 pm #867182
    Dogmut

    Hi Victoria, Many thanks but unsuccessful I’m afraid.

    Tried both custom css in the back office and via the enfold/css/custom css.

    This is how the custom css file looks with the code added.

    Many thanks

    /* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

    /* General Custom CSS */

    /*
    Desktop Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

    @media only screen and (min-width: 768px) {
    /* Add your Desktop Styles here */

    }

    /*
    Mobile Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

    @media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */

    }

    @media only screen and (max-width: 1024px) and (min-width: 768px) {
    .responsive #top .av_mobile_menu_tablet #header_main_alternate {
    display: none;
    }
    .html_header_top .av_bottom_nav_header .av-logo-container .main_menu {
    display: block;
    }
    .html_header_top.html_header_sticky.html_large #main {
    padding-top: 116px;
    }
    .header-scrolled .logo {
    top: 0px;
    }
    }

    October 23, 2017 at 5:03 pm #867710
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

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

    Best regards,
    Yigit

    October 23, 2017 at 7:40 pm #867806
    Dogmut

    That’s great thank you.

    October 23, 2017 at 11:16 pm #867874
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘hamburger menu on ipad’ is closed to new replies.