Change position of mobile menu icon

[jsheldrick]

Currently, my mobile menu icon appears on a row below the header logo. How can I position the menu icon in the same row as the header logo, but to the header logo’s right?

[Zex]

Hello, jsheldrick!

Next code should work for you:
(Insert it in Customizing->General->Additional CSS
https://prnt.sc/jeqprl)

.mobile-menu-icons, .mobile-menu-icons li{
  float:right;
  clear: none;
  width: auto;  
}

#masthead .logo{
 float:left;	
}

If the code does not work for you, please give me an address to your website.

Regards

[jsheldrick]

This reply has been marked as private.

[jsheldrick]

This reply has been marked as private.

[Zex]

Hello, jsheldrick!

Add the following code, along with the codes I gave you earlier:

@media screen and (max-width: 479px) {
  .mobile-menu-icons {
    width: 10%!important;
    clear:none!important;
  }
}

Regards

[jsheldrick]

Thanks! I appreciate the prompt support.

[Author]

Posts