Note: you’ll want to make this change in a child theme in order to preserve the changes for next time you update the theme

Now UberMenu can function without interference from the theme.

Custom CSS for Positioning

Now that UberMenu can function unimpeded, we’ll add some Custom CSS in the Desktop CSS Tweaks in order to position the menu the same way the original menu was positioned (aligned with the edge of the slider)

.ubermenu.ubermenu-main{
margin-top:40px;
margin-right:20px;
}

If you are using a style with thick borders on the bottom of the header, we’ll also add this modification to the header, which prevents other elements from overlapping the border image and the background image from repeating: