Menu Disappears in Mobile View (Zerif Lite Theme)

  • I’ve been trying to figure out why the menu completely disappears when attempting to view my theme on mobile. Resizing to anything smaller than desktop causes the menu to disappear and there is no way to navigate the site.

    I have spent quite a bit of time searching online for a solution. So far, I have tried disabling ever single one of our plugins, I’ve tried changing the z-index in different elements (all now changed back) to see if there was an issue with the display order, and I’ve even removed all of the custom formatting from the menu area to see if this would resolve the issue.

    I’ve checked various online support forums. Themesile has two different solutions listed – both involve updating the custom css and neither worked.

    This is the first one I tried (currently still present in the code):

    nav#site-navigation.in {
    height: auto !important;
    }

    And this is the second method I tried (no longer in the code):

    @media (max-width: 767px){
    #main-nav, #main-nav.fixed {
    position: fixed;
    }
    }

    Nothing seems to work. I really need to have the menu visible on mobile and I really don’t want to have to move to a completely different theme. I use Zerif Lite a lot and I really like this theme…

    If anyone has any solution to this, please let me know!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @mspeubio,

    I had a look at your website and it seems you have made some changes in the header sections. There is a lot of inline CSS added to the navbar elements which doesn’t come with the theme. Screenshot: https://prntscr.com/lcnmox;

    I’d suggest you please remove the custom modifications or take a backup of your website and install the fresh copy of the theme in your dashboard.

    Hi There,

    Looking at the website, it seems like some additional CSS is being applied to various DIVs on the page. For example, if I disable some CSS, the menu appears on mobile screen – https://prntscr.com/lcnqwm.

    I am not sure from where this is coming on your website as I don’t have such a code on my installation. Also, there is not any contact widget.

    Try to check this after removing the responsible settings/plugins/code.

    Let me know how it goes.

    Same problem, menu disappears immediately on mobile at https://convergences-smartcity.fr/
    I do not make any CSS or PHP customization.
    No problem using the same theme on other sites.

    Rgds.

    Patrick GERMAIN https://webadmin.fr

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu Disappears in Mobile View (Zerif Lite Theme)’ is closed to new replies.