This is a Developer Level doc.. Amit Singh (@apprimit) 2 years, 1 month ago. How do I get that done ? 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- @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. 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 … 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. OceanWP – Menu Icon Panel is empty. I once used OceanWp and even wrote about how the hamburger (☰) menu, search icon and drop-down sub-menu on mobile, etc. Version 1.0.5 - Added: … OceanWP is now fully compatible with PHP 7.1. 5. - Tweak: Improvement in all widgets classes. From the feedback I get from our clients I know the OceanWP support is top of the class and fast-responding. Cheers, Hazy. Change the Color of the Hamburger Icon for the Mobile Menu on Sticky Header. After that, you will be able to style it. [oceanwp_login] Shortcode [oceanwp_date] Shortcode [oceanwp_site_url] Shortcode 4. It was just not showing straight away. were not working properly in it.. Now on the WordPress forum, every new user is facing this problem.. I have tried it in all actual browsers, have deinstalled all plugins incl. @media only screen and (min-width: 959px) { .oceanwp-social-menu.clr.simple-social { display: none; } } 2b. - 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. In the social menu panel, click on the mobile icon at the bottom of the panel. 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. What Else? 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. 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; } Dear all, I have a big problem with the menu icon panel. It should be aligned horizontally. OceanWP is the perfect partner to team our Elementor with. But I would also like he main menu and the icons aligned horizontally. It’s fast, lightweight and has tons of helpful additions and extensions. pbch (@pbch) 1 year, 4 months ago. 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. Activate the Ocean Extra and go to Customize > Header > General section and change the header style to minimal or transparent to fix it. Documentation & FAQs for OceanWP theme. Remove the theme mobile menu. OceanWP … Add the below CSS code instead of the … However, we often get contact emails on how to create such icon … Version 1.0.6 - Tweak: Scripts loaded only is a widget is used. Second row is menu in light grey. When clicking on the Icon: Select link on the menu properties, the panel appears but it is completely empty.