I once used OceanWp and even wrote about how the hamburger (☰) menu, search icon and drop-down sub-menu on mobile, etc. OceanWP – Menu Icon Panel is empty. It’s fast, lightweight and has tons of helpful additions and extensions. Dear all, I have a big problem with the menu icon panel. Version 1.0.6 - Tweak: Scripts loaded only is a widget is used. Change the Color of the Hamburger Icon for the Mobile Menu on Sticky Header. Activate the Ocean Extra and go to Customize > Header > General section and change the header style to minimal or transparent to fix it. How do I get that done ? 5. I have tried it in all actual browsers, have deinstalled all plugins incl. To hide the theme’s mobile menu toggle, add this CSS to your CSS Tweaks: #site-header #oceanwp-mobile-menu-icon, #site-header .oceanwp-mobile-menu-icon{ display:none; } Whenever they try to click on their navigation menu or header menu in the mobile version of their site, no matter what OS they are on- - Added: Logged In/Out widget, you will be able to display a menu, content or shortcode when a user is logged in or logged out on your site. Amit Singh (@apprimit) 2 years, 1 month ago. @caveman76 the menu is appearing fine on your site but the issue is you have set it to full-screen header style, therefore, it display hamburger icon. [oceanwp_login] Shortcode [oceanwp_date] Shortcode [oceanwp_site_url] Shortcode OceanWP is the perfect partner to team our Elementor with. But I would also like he main menu and the icons aligned horizontally. were not working properly in it.. Now on the WordPress forum, every new user is facing this problem.. Remove the theme mobile menu. - Tweak: Improvement in all widgets classes. OceanWP … OceanWP is now fully compatible with PHP 7.1. 4. Add the below CSS code instead of the … Version 1.0.5 - Added: … However, we often get contact emails on how to create such icon … What Else? @media only screen and (min-width: 959px) { .oceanwp-social-menu.clr.simple-social { display: none; } } 2b. Icons can be a powerful way to display information in the most efficient manner possible, as not only it conserves valuable space on the user’s eyes, it also makes visually pleasing cues that might as well benefit the user. Cheers, Hazy. pbch (@pbch) 1 year, 4 months ago. For the logo, a Max Height field has been added in the customizer, if your logo is too big and you use the Ocean Sticky Header extension, when you scroll and go the top of your site, your logo will grow for one second, with the Max Height option, you just have to enter the height you do not want to exceed and there will be no more … This is a Developer Level doc.. From the feedback I get from our clients I know the OceanWP support is top of the class and fast-responding. It was just not showing straight away. After that, you will be able to style it. Documentation & FAQs for OceanWP theme. Second row is menu in light grey. If you're unfamiliar with CSS and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. In the social menu panel, click on the mobile icon at the bottom of the panel. Transparent:transparent bg, menu horizontal, social icons top right corner Top Menu:white bg, menu at the very top with Logo above or below Full Screen:logo left, hamburger menu on right Center:white bg, center text menu and logo Medium:white bg, search box top left, logo, social icons all on top. When clicking on the Icon: Select link on the menu properties, the panel appears but it is completely empty. It should be aligned horizontally. You can also use the Menu Bar Margin Top setting to adjust the position of the menu bar vertically to align it with your logo/site title.