Mobile Menu Bar/Button is not visible

Dear Team,
i use the Thema Sydney and updated to the latest version 1.74. Before i had an older version (<1.6.0).
Now i got a problem with the mobile view. The complete Sydney mobile menu bar button is not anymore visible.

I try to change the color with

    .btn-menu {
      color: #FFFFFF !important;
    }

But the complete menu bar is black and i got no white button.

3 years ago following code was added due to ticket 16241
(Sydney Thema Sticky Menu is missing in Mobile and Tablet Mode). Maybe now the code is not working anymore correctly? But i also saw, that other persons in the forum hast he same problem.

What do i need to change, to get the mobile menu back?

    #masthead.site-header.float-header.fixed {
        position: fixed !important;
        background-color: rgba(0,0,0,0.9);
    }

    /*Tabletauflösung*/
    @media only screen and (min-width:768px) and (max-width:1024px) {
       .header-wrap {
        height: 75px;
      }
      .btn-menu {
        margin-top: -13px;
      }
      .header-wrap .col-md-8 {
        margin-top: 37px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);    
      }
    }

    /*Tabletauflösung+Mobile*/
    @media (max-width: 1024px) {
        .site-logo {
            max-height: 75px !important;
         }
    	.site-header.fixed {
        position: relative !important;
    	}
    }

    /*Handyauflösung*/
    @media (max-width: 767px) {
        .site-logo {
            display: none;
        }

        .btn-menu {
            margin-top: -20px;
        }
        .go-top.show {
    	bottom : 43px !important; /*Original 11px*/
        }
       #cookie-notice {
    	bottom : 43px !important;
    }

        /*CSS fĂĽr Landingpage Mobile*/
        body.home #masthead:not(.float-header) .site-logo {
            display: inline; 
        }
        body.home #masthead:not(.float-header) .btn-menu {
            margin-top: 0px; /*Original 15px*/
        }
    }

    @media (max-width: 767px) and (orientation : landscape) {
        body.home #masthead:not(.float-header) .site-logo {
            display: none !important;
        }
        body.home #masthead:not(.float-header) .btn-menu {
            margin-top: -20px !important;
        }
    }

Hi,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .btn-menu {
      font-size: 28px;
      font-family: "FontAwesome";
      color: #000;
    }
    .btn-menu:before{
      content: "\f0c9";
    }

Regards,
Kharis
aThemes Support

Thank you. It’s working. Now i see again the white menu.

1 Like

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support