Navigation on mobile

Hi is it possible to move the mini navigation menu to the left of the logo on a mobile device (small screen)?
At the moment it is central under the logo and taking too much room at the top. (mobile)
Many thanks


  • edited July 2018
    Thanks for asking query to us . 
    See the snapshot and confirm us , Is it the right place where you want to show  mini navigation menu . 

  • Yes is this possible
  • Hello
    Thanks for contacting to us .
    To do so, you need to create a child theme ,For creating child  theme refer this link .
    . Ignore if you have already created child theme .After it  Create a new file in the child theme with name  header.php  and edit it, then paste the code in it from

    Save changes and activate your child theme.
  • Step 2 
    Then  go to Appearance >> customizer >> header setting  >> custom css box  . 
    Add the below css code inside the  custom css box . 

    @media only screen and (max-width: 480px) and (min-width: 200px) {
    .navbar-toggle {
      margin: auto;   
    #header_m_menu .navbar-header {
        display: inline-flex;


  • Hi 
    Did the above solution work for you !

  • Yes it did thank you. Sorry I though I had replied :)
  • Okay that't grt!
    Look forward see you again at webriti. 

This discussion has been closed.