BLACK FRIDAY BIGGEST SALE EVER!! Use coupon code BF33 to get 33% discount on all our products. Enjoy!

Mobile menu not displaying

Home Forums Esteem Free Mobile menu not displaying

Tagged: 

This topic contains 9 replies, has 6 voices, and was last updated by  Nima 2 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1291620

    katie4
    Participant

    We are using esteem theme for our website, uncledavesauto.com and the menu is not shown on a mobile phone. I made some minor changes to the top menu so that the height wasn’t so large, but I copied the theme’s original style sheet back onto the web server and it was still not being displayed.

    It seems like the header that I’m using might be hiding it. Does anyone have any suggestions on where in style.css that is controlled?

    Thank you,
    Katie B

    #1291747

    romosamatya17
    Moderator

    Hi there,

    Paste this CSS code in the Custom CSS Box provided through the Customize Options:-

    @media(max-width: 768px){
    .search-top {
      float: right;
      margin-top: 10px;
      position: static;
    }
    .menu-toggle {
      margin: 0;
    }
    }

    Thanks.

    #1292342

    katie4
    Participant

    Unfortunately, that doesn’t seem to have changed anything on mobile. I made sure and asked someone who hadn’t been to the website before to try it on their phone since I’m not sure how to reload style sheets on mobile browsers.

    #1292443

    Nima
    Moderator

    Hello @katie4,

    Please, make sure that you have inserted the above provided code in the options Appearance->Customize->Additional CSS or Appearance->Customize->Design Options->Custom CSS and also provide us the screen shot of the CSS box where you have pasted the above code.

    Regards!
    ThemeGrill Support Team

    #1292541

    katie4
    Participant

    This fixed my issue, thank you! I was entering this CSS incorrectly into the style.css.

    Regards,
    Katie

    #1292624

    Nima
    Moderator

    Hello @katie4,

    Nice to know your issue is resolved. We would really appreciate if you could provide us a review here:https://wordpress.org/support/theme/esteem/reviews/?filter=5

    And feel free to post us if you have any other issues.

    Regards!
    ThemeGrill Support Team

    #1304721

    justahome90
    Participant

    I have the same problem but it shows me the menu osea the square of the menu but when I click with the finger on my cell phone does not work ..

    The menu is not displayed … and made the changes they say but the same does not work for me

    My site is http://zefirodelcielo.com/

    #1304883

    ashishsthanp
    Moderator

    Hello, @justahome90

    You can add following code inside Appearance > Customize > Additional CSS :

    
    @media (max-width: 768px)
    {
      .menu-toggle {
          z-index: 999;
      }
    }
    

    Regards,
    ThemeGrill Support Team.

    #1324947

    pialabet
    Participant

    i hope we don’t have to add code every time we want to have menu on mobile. cause i’m not very familiar with coding. but thanks for the code, and the customer support named Bishal helped me.

    #1325228

    Nima
    Moderator

    Hi pialbet,

    Nice to know that your have found a solution for your query.
    And please, let us know if you have any other issues.

    Regards!
    ThemeGrill Support Team

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.