Moving Menu on Mobile from Center of Slider/Header


During mobile/responsive view, I need help to move the drop down menu from the center of the header/slider to the top right corner. Is this possible or do I need to use a widget like MegaMenu?

Thank you!


It is possible. If you have a custom CSS plugin add this in it:

@media only screen and (max-width: 767px) {
  .btn-menu {
    float: right;
    margin: 0 5px 0 0;
  .site-header {
    padding: 0;

That worked perfectly.

Thank you kindly for the quick reply!