Talon - Centralised position of Menu Bar for Desktop and Mobile

Hi - currently for Talon theme, the menu bar for desktop and mobile versions appear on the left hand side. I would like to drop down menu to be centralised. Is there a code that I can add for that? Thanks so much, SooHui

Hello there,

I hope you’re doing well today.
Thank you for contacting us about our theme Talon! I am happy to help out.

To achieve that change, you can add the below CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (max-width: 1199px) {
  .main-header .col-md-4 {
    width: 50%;
  }
  .site-branding {
    margin-left: 0;
  }
  .menu-btn-toggle {
    left: auto;
    right: 0;
    margin-right: -25px;
  }
}

I request you to give it a try and let me know your views.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support