Re-style mobile menu

Hi,

Can you give a link to your site as well as give us temporary admin access? so we can assist you with it. Kindly place it in Private Content so only moderators can view.

Best regards,
Nikko

Hi,

Yes. It’s in the private content.

Cheers!
Nikko

Hi,

Thanks for the login. It’s done, I have added this code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  #top #advanced_menu_toggle {
    border-color: #fff;
  }
}

Then in functions.php I searched for this code:
'mobile_menu' => array( 'font' =>'entypo-fontello', 'icon' => 'ue8a5'),
and replaced it with:
'mobile_menu' => array( 'font' =>'entypo-fontello', 'icon' => 'ue811'),
Hope this helps :)

Cheers!
Nikko

Hey,

The font is already the same however the alignment depends on the height of the logo, I have adjusted it and added this css code:

  #top #advanced_menu_toggle {
    border-color: transparent;
  }

  .responsive #top .logo a > img {
    max-height: 80px !important;
  }

inside of:
@media only screen and (max-width: 767px) {
Let us know if it’s good.

Cheers!
Nikko