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