Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 13, 2016 at 12:27 pm #632018
    steviger

    Hi guys,

    I’m looking for a solution to have two menus in my header section, just as shown in the example here.
    I read this post put I can’t seem to figure out how to position the menus and searchbar.
    Any tips?

    Thanks in advance.

    Steven

    May 15, 2016 at 8:26 am #632476
    Rikard

    Hi Steven,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    May 16, 2016 at 10:34 am #632829
    steviger

    Hi Rikard,

    Sure!

    May 17, 2016 at 11:58 am #633656
    Andy

    Hi,

    activate secondary menu in: Enfold->Header->Extra elements->Header Secondary Menu

    Best regards,
    Andy

    May 18, 2016 at 10:42 am #634289
    steviger

    Hi Andy,

    Thanks for your reply. I figured that one out ;) My issue is the exact placement of the menus and the searchbar.
    When I activate the secondary menu, it is placed on the right hand side (and it has to be left) and produces a gap between the top of the page and the logo (please see: https://snag.gy/3K8mBr.jpg). The other thing is how to place the searchbar right from the secondary menu.

    Cheers,

    Steven

    May 18, 2016 at 2:06 pm #634464
    Andy

    Hi,

    use this code:

    .sub_menu {
float: left;
}

    For you search button add this code:

    #menu-item-search [data-av_icon]:before {
visibility: hidden;
}
[data-av_icon]:after {
attr(data-av_icon)
content: attr(data-av_icon);
}
#menu-item-search [data-av_icon]:after {
font-family: 'entypo-fontello';
margin-left: 10px;
}

    Best regards,
    Andy

    September 21, 2016 at 2:59 pm #689846
    steviger

    Thanks! Sorry for the late reply…

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Two menus in header’ is closed to new replies.