Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #43274
    Rebecca A Fraker
    Guest

    Hello,
    I believe I sent this question already, but I did not remember selecting a forum so I will ask again…

    In a cell phone view, the hamburger icon is displayed. However, nothing happens once you click on it. I would like it to show the menu!

    I do have a menu assigned, and it is visible on a computer screen. (It contains the About, Services, ect.)

    Please help,
    Thank you!

    #43278
    Brandon C
    Keymaster

    Hi Rebecca,

    Great job assigning your mobile menu!  It looks like your Crio Pro WordPress Theme just requires one last step in order for the menu to display correctly once the hamburger toggle is clicked.

    From your WordPress Dashboard navigate to  Customize > Design > Menus > Main Menu and switch your Mobile Device Visibility to on.

    This should allow the mobile menu to display when toggled.  Please let us know if you need further assistance!

     

     

     

    #43279
    Rebecca Fraker
    Guest

    Thank you for your response! Unfortunately though, it appears that all devices are set to have visibility. (I see where I can make it not have visibility, but that is not checked.)

    Could you please continue to help with any other ideas on how to make this work?
    Thank you!

    #43281
    Brandon C
    Keymaster

    Hi Rebecca,

    Thanks for getting back to us so quickly.  Ok I inspected your page source code and I noticed that your menu toggle is still set to hidden even though the changes have been made in the customizer.

    
    
    <style id='bgtfw_menu_visibility_main-bgcontrol-inline-css' type='text/css'>
    @media only screen and ( max-width: 767px ){#main-menu{ display: none !important; }}@media only screen and (max-width: 991px) and (min-width: 768px){#main-menu{ display: none !important; }}<br />
    </style>
    
    

    That means the element is either being cached by WP Super Cache, or (in rarer cases) Crio needs to be forced to recompile the CSS. To do that, all you need to do is check one of the device boxes, publish, uncheck it, and publish again.

    I hope this helps!

     

    • This reply was modified 1 year, 3 months ago by Brandon C.
    #43283
    Rebecca A Fraker
    Guest

    Hello again!
    Thank you, I tried to check the device box, publish, uncheck, and publish.
    However, it is still not working. Can you please tell me where you saw that it is marked to not show on the mobile, so I can change that? I do not see that anywhere.
    Thank you so much!

    #43290
    Brandon C
    Keymaster

    If you inspect the page source code snippet I posted above you can see where the display: none !important; is hiding your mobile #main-menu element.  I think the issue is that the elements setting is still cached into the webpage and needs to be purged.

    Double-check cache in performance > purge all caches and also your IMH Nginx Cache in cPanel.

    If not that doesn’t resolve the issue, you might consider moving this request over to premium support so we can take a closer look.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘I’ve assigned a menu to my Mobile Hamburger Toggle but it does not display when clicked’ is closed to new replies.