Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 11, 2017 at 10:24 pm #791955
    erlis

    Hello,

    I wish to create a “double main menu” with one main menu being selected as the normal menu of the left, but with the possibly to add one or more “buttons” to the menu aligned to the right.

    Look at this example: Second menu aligned to the right and styled with its own css

    Please advise if this is possible and how to go about it. I am using a child-theme so perhaps the changes can be made there somehow?

    May 12, 2017 at 8:08 am #792128
    Rikard

    Hey erlis,

    The easiest option would likely be to add a widget to the header: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/, you can add any content to that. Let us know if that would be an option for you.

    Best regards,
    Rikard

    May 12, 2017 at 9:20 am #792170
    erlis

    Hello, and thanks for your quick reply!

    I actually had already tried the link regarding adding a widget after the menu, however this resulted in this widget being shown below the menu, instead of the to the right of the menu.

    I was able to sort it by manually setting the desired button last in the menu, and targeting it’s id through CSS:
    Button from menu to the right while rest of menu to the left as usual.

    My current CSS code for achieving this (and only for desktop sizes):

    #menu-item-3366 {
background-color: #0067b1 !important;
}

@media only screen and (min-width: 768px) {
#menu-item-3366 {
float: right !important;
background-color: #0067b1 !important;
}
#menu-item-3366 > a > span.avia-menu-text {
 border-left-width: 0px !important;
}
}

#menu-item-3366 > a > span.avia-menu-text {
 color: #ffffff !important;
}
    • This reply was modified 7 years, 6 months ago by erlis.
    May 12, 2017 at 7:11 pm #792460
    Ismael

    Hi,

    I’m glad that you figured it out and thanks for sharing. Please open a new thread if you need further assistance. :)

    Best regards,
    Ismael

    May 12, 2017 at 7:19 pm #792465
    Basilis

    Hi,

    To actually help you, we would need to see your web site link.
    Is that possible please?

    Best regards,
    Basilis

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Right aligned inverted buttons on a left aligned menu’ is closed to new replies.