Hamburger Menu permanent

Good morning. On my site I am trying to get it to have the hamburger menu all the time not just on tablet and phone. On Cutomise Appearance it shows the hamburger icon but it isn’t there on the live site.
My additional css is:

body.single #container {
background: rgba(255,255,255,0.5);

body.single .comments-area,
body.single .more-content {
background: none;
background: transparent;
a:link, a:visited {
color: #f00;
#mainnav-mobi .btn-submenu:before {
color: #fff000;

Could you help please?

Thank you


Hello Jamieson,

First thanks for using our theme!

Please try following the steps below:

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


    window.addEventListener( 'resize', function(){
    } );

    function forceHamburgerMenu() {
        var mainnav = document.querySelector( '.mainnav' );

        mainnav.setAttribute( 'id', 'mainnav-mobi' );
        mainnav.setAttribute( 'style', 'display: none;' );

  1. Add the given custom CSS code below at Appearance > Customize > Additional CSS:

    .btn-menu {
        display: block !important;

We hope this helps!

Please try that and let us know if you need further help.

Kind Regards,


aThemes Support