Mobile Issue – Logo

Hi – I am about to launch the website to go live, however I went to do a quick test to see how it will display on several mobile devices.  As you can see here at this link: that the logo is overlapping the hamburger menu section.  I tried adding some codes to adjust it in the CSS, but it doesn't seem to be working 100%.  Plus I am wondering if this is something that can be adjusted better for any devices.  Please recoginzed that the desktop and laptop have a 75 margin-left in, which I do not want that change.

@media only screen and (max-width: 767px)
#Top_bar .logo {
    position: static;
    float: left;
    width: 80%;
    text-align: left;
    margin: 0;
#Top_bar #logo img.logo-sticky, #Top_bar #logo img.logo-mobile, #Top_bar #logo img.logo-mobile-sticky {
    margin-left: -125px !important;


Sign In or Register to comment.