Icon menu to the right

I would like to move the menu icon to the right of my site’s logo only the mobile version

Hello there,

Thank you for reaching out to us here.

In order to achieve that objective, could you please try to do the following?

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box

;(function($) {

   'use strict'
    
   if ( matchMedia( 'only screen and (max-width: 1024px)' ).matches ) {
   
    $('.btn-menu').clone().appendTo('.site-header .col-md-4');
    $('.mainnav').clone().appendTo('.site-header .col-md-4');
    
   }

})(jQuery);   

  1. Update

  2. Apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css.


@media only screen and (min-width:768px) and (max-width:1024px){
  .site-header .col-md-4{
    display: table;
    width: auto;
  }  
}

@media only screen and (max-width:1024px){
  .site-header .col-md-4{
    position: relative;
  }

  .site-header .col-md-4 .btn-menu{
    display: inline-block;
    padding-top: 35px;
  }

  #mainnav-mobi {
    top: auto;  
  }    
  .site-header .col-md-8{
    display: none;
  }
}

@media only screen and (max-width:767px){
  #mainnav-mobi{
    margin-left: -15px;
  }
}

Regards,
Kharis

HELLO AND THANK YOU FOR THE PREVIOUS TICKET
WE NEEDED OTHER DIRECTIONS:
WHEN BROWSING THE WEBSITE BY MOBILE, WE WOULD LIKE FIRST SCALING IMAGE TITLE (mepanet), AT LAST THE MENU DROPDOWN
ALSO, IF YOU CAN, WE WOULD LIKE THE MENU ON THE LEFT INSTEAD OF RIGHT
TO SUMMARISE WE DON’T WANT THE RESULT AS THE PICTURE BELOW

https://dl.dropboxusercontent.com/u/52755869/image002.jpg


REGARDS