• Hi,

    I would like to have one of those “hamburger” menus on the mobile version of my site but am having trouble. The current version appears to show no menu at all but if you tap into the top right area it turns out the menu is there–just invisible. I checked the color settings in the theme and they seem ok? Not a webmaster so my background here is limited.

    Any suggestions on what I might try?

    –Darin

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello @darinb,

    If you use a third-party plugin, you can check the responsive size settings; please check this screenshot: https://postimg.cc/ZBfsmb63. The color of the icon is the same for the background.

    Also, you can put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    @media only screen and (max-width: 1024px) {
        .mobmenur-container i {
            color: #00467c !important;
        }
    }

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    I hope that helps.
    Best Regards

    Thread Starter darinb

    (@darinb)

    Well, Good news, bad news. I couldn’t figure out how to change the color via the third-party plug-in so I added the CSS–worked great. So then I tried to add a search menu item to the mobile menu and then menu vanished again. This time it really seems not to be there. Installed the plug-ins that I had just added but no luck.

    Screen shots of my settings–I’m missing something obvious. Any help you can offer would be greatly appreciated.

    –Darin

    https://www.dropbox.com/scl/fo/u3ayffg1ltnig4jptmi6f/h?dl=0&rlkey=6he8p6t8ivo6fxn2t2ykvxnss

    Hello @darinb,

    Please check this screenshot:
    https://postimg.cc/5jLynTTB.

    The menu is there, but for reasons, has hidden.

    Additionally, to the customizer, there are other header settings under the page: https://postimg.cc/t73SpR8Y.
    So, please check the settings of OceanWP Settings on the backend page. If the header menu is disabled; enable it.

    If the above items didn’t help you, for troubleshooting, please do the following steps and let me know the results:

    0. Enable the primary theme(if you are using a child theme).
    1. Head over to WP Dashboard > Plugin.
    2. Deactivate all plugins.
    3. Then, first, activate the Ocean Extra plugin.
    4. Check your issue.
    5. Then, activate your plugins one by one
    6. After activation of any plugins, check your issue

    Note 1: You can try troubleshooting on the staging website/or on a fresh installation and use the latest version of the WordPress, theme, and plugins.

    Note 2: if you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    Please recheck the issue and keep us posted.
    Thank you,
    Best Regards

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

The topic ‘Invisible Mobile Menu?’ is closed to new replies.