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:

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.