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