Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 7, 2016 at 9:43 pm #683390
    reisp

    Hi there

    I’m trying to disable the ‘hamburger’ menu that gets presented when viewing on a phone and just use the main navigation. There are only two links so we’d like to have them showing all the time.

    I found the following code to disable the menu:

    a#advanced_menu_toggle { display: none !important; }

@media only screen and (max-width: 767px) {
  .main_menu .avia-menu, #header_main_alternate, .fallback_menu {
    display: block;
	}
}

    This works but the height of the header area gets YUGE … is there a way to fix this?

    One more thing, I also want the social media icons to show in the header when viewing on the phone. How do I enable that?

    September 12, 2016 at 1:36 pm #685073
    Yigit

    Hey reisp,

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

    #advanced_menu_toggle {
    display: none!important;
}
@media only screen and (max-width: 767px) {
.responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header .social_bookmarks, .main_menu .avia-menu {
    display: block;
}
.avia-menu.av_menu_icon_beside {
    padding-left: 0;
    margin-left: 0;
}}

    Best regards,
    Yigit

    September 12, 2016 at 5:15 pm #685281
    reisp

    Thanks Yigit,

    The menu now shows on mobile but the main nav and the social icons are stacked on top of each other and the header area is quite tall (height). Is there a fix for this?

    September 13, 2016 at 1:19 pm #685730
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.av-main-nav > li > a {
    height: 50px!important;
    line-height: 50px!important;
}
.avia-menu.av_menu_icon_beside {
    margin-top: -90px;
}.responsive #header .main_menu .social_bookmarks {
    top: 20px;
}
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.