Search results for mega menu

109 articles found

  • Display the latest posts in a mega menu

    It's easy to display your latest posts in a mega menu. First, log in to your WordPress dashboard and go to Appearance > Menu, click the Categories tab on the left, add your category in your menu and c

  • How To Add Widgets To A Mega Menu

    Add widgets in a mega menu is a good way to showcase products, services, or anything you want. First, install the Ocean Custom Sidebar plugin, this extension will allow you to create as many sidebar y

  • How To Create Mega Menus

    You can easily create some simple mega menus with 1,2,3,4,5 or 6 columns by simply check options to your parent menu item. First, create your menu. Then check Enable megamenu in the parent item you wa

  • OceanWP vs Other Themes Comparison

    OceanWP - the Only Free WordPress Theme with Pro Features OceanWP is the only theme in the WordPress galaxy which offers pro features completely free: 90% of features other themes offer as a pro

  • eCommerce Features in Depth

    Deep and easy to use WooCommerce support Make your shop truly unique by styling it any way you want. Simply make all adjustments directly from WP Customizer. Prevent the need for multiple WooCommerce

  • Why Use OceanWP?

    OceanWP Multi-Purpose Theme - For Websites With No Limits You have so much to give but your WordPress theme is standing between you and the realization of your ideas? Themes with limited features

  • Header - Customizer

    Default theme settings may differ if you have imported one of the OceanWP prebuilt website templates for WordPress. This is because these templates come with their own Customizer settings. However,

  • Menu is Gone when using Bootstrap

    This is a Developer Level doc. 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. Under our

  • My Logo Is Not in Line With the Menu on Mobile

    If you are using the Medium Header or Top Menu Header styles (Appearance > Customize > Header > General), your logo on mobile will always be displayed above the menu toggle button. If you want your

  • Alter the Hamburger "bars" Icon In The Mobile Menu Link

    This is a Developer Level doc. If you're unfamiliar with PHP and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our

  • Align Main Menu Center on Top Menu Header Style

    This is a Developer Level doc. 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. Under our

  • Center Logo For Mobile Devices

    This is a Developer Level doc. 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. Under our

  • Change the Color of the Hamburger Icon for the Mobile Menu on Sticky Header

    This is a Developer Level doc. 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. Under our

  • Change Header Button Color

    This is a Developer Level doc. 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. Under our

  • Change Logo Padding for the Top Menu Header

    This is a Developer Level doc. 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. Under our

  • Add New Social Options for the Top Bar and The Social Menu

    This is a Developer Level doc. If you're unfamiliar with PHP and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our

  • Add Widget Area in Mobile Menu

    This is a Developer Level doc. If you're unfamiliar with PHP and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our

  • Remove or Edit The WooCommerce Menu Icon

    By default, if you have the WooCommerce plugin active on the OceanWP theme, then a little shopping cart will display in the main navigation menu. This icon can be removed and also tweaked via the

  • Display the Sub Menu in Current Page in the Vertical Header Style

    This is a Developer Level doc. 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. Under our

  • Change Typography Color for a Specific Menu Item

    This is a Developer Level doc. 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. Under our

  • WooCommerce Variation Select Box Not Clickable on Elementor Pages

    If you have created custom single product pages using Elementor, and are experiencing issues with the variation dropdown menu not being clickable, use the following CSS snippet: .woocommerce

  • The JS on my Site Doesn't Work

    If some elements of your website do not function, such as (but not limited to): mobile menu link, search icon, scroll up button, Then you might be experiencing JavaScript (JS) issues. In order to

  • Hide Mobile Menu Searchbar

    /* Hide mobile menu searchform */ .sidr-class-mobile-searchform { display: none !important; } All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel

  • Adding Non-Clickable Menu Links

    You can easily create non-clickable menu links to any WordPress menu by adding a # symbol for the URL when inserting a custom link. However, when a user clicks it a # symbol will be added to the URL.

  • Menu - OceanWP Settings

    Using the Menu feature of OceanWP Settings, you can apply a custom menu for a specific page, post, product, etc. Main website menu is assigned via Appearance > Menus, by checking the correct box

  • Mobile Menu Shows "Undefined" Word

    If you use the Sidebar mobile menu style, it is possible that you encounter the word Undefined, here the solutions to solve this issue: 1. If the Undefined word replace the Close button and you using

  • Disable Mobile Menu Search Form

    By default, a search form is displayed in the mobile menu so your mobile visitors can easily search your site. If you don’t to display the search form, you can disable it via the settings at

  • Add/Remove Elements From The Mobile Menu

    // Sample function to add/remove items from the mobile menu function my_add_to_mobile_menu( $array ) { // Add element with ID my-custom-id $array['my-custom-id'] = '#my-custom-id'; // Remove search if

  • Alter WooCommerce Menu Cart Icon HTML

    This is a Developer Level doc. If you're unfamiliar with PHP and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our

  • Add a Menu in The Footer Bar

    You can easily add a menu in the footer bar just after the opening button. 1 Go to Appearance > Menus and create a new menu. 2 Add your menu items you want to see in the footer bar in this menu. 3 Che

  • How To Add A Button To Header Menu

    You can create a simple button for any link on the principal navigation. All you need to do is add the class name btn to your menu item and it will create a simple button. To change the color of the b

  • Alter The Text In The Mobile Menu Link

    This is a Developer Level doc. If you're unfamiliar with PHP and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our

  • Change the "View Cart" Text on Menu Cart

    This is a Developer Level doc. If you're unfamiliar with PHP and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our

  • Mobile Menu Dropdown When Clicking Link Instead of Arrow

    function my_ocean_localize_array( $array ) { $array['sidrDropdownTarget'] = 'li'; return $array; } add_filter( 'ocean_localize_array', 'my_ocean_localize_array' ); All PHP snippets should be added via

  • How to Add an Icon To a Menu Item

    You can easily add icons to your menu items if you wish. Open your menu item, click Select for the "Icon" field, an icon panel will open where you can select your icon. Several options are available:

  • OceanWP Theme Changelog

    # OceanWP Changelog ### 2026.05.20 - 4.1.6 Added: Customizer: Control options styling support for WordPress 7. Updated: Compatibility: WordPress version number. Updated: Compatibility: WooCommerce

  • Sticky Header - Customizer

    Default theme settings may differ if you have imported one of the OceanWP prebuilt website templates for WordPress. This is because these templates come with their own Customizer settings. However,

  • Top Bar - Customizer

    Default theme settings may differ if you have imported one of the OceanWP prebuilt website templates for WordPress. This is because these templates come with their own Customizer settings. However,

  • Sticky Footer - Customizer

    Default theme settings may differ if you have imported one of the OceanWP prebuilt website templates for WordPress. This is because these templates come with their own Customizer settings. However,

  • Improvement on the Center Header Style

    Since OceanWP 1.4.0, the Center header style has been improved, the old method was to automatically add the logo to the middle of your menu, the problem with this method is that often the logo was not

  • How to Replicate the Theme Screenshot?

    Important: This tutorial on how to recreate a theme screenshot manually was written in 2016. There are much better and painless ways for you to recreate a screenshot of your website (using a page

  • Admin Bar: Site Booster Module

    The Ocean Site Booster's Admin Bar module enables you to customize WordPress admin bar area. To access Admin Bar, click on the cog icon, then toggle to enable the module. Enable (or disable) any

  • Footer Copyright - Customizer

    Default theme settings may differ if you have imported one of the OceanWP prebuilt website templates for WordPress. This is because these templates come with their own Customizer settings. However,

  • How to Enable AMP for OceanWP

    As of version 1.8.7, the OceanWP theme supports AMP integration, and is also officially recognized as an AMP-friendly theme by the Google Web Ecosystem. Learn more about AMP for WordPress Ecosystem.

  • How To Create a Custom Header

    Since version 1.1.1 of OceanWP, you can create your own header with your favorite page builder. Learn how to create a custom header template and implement it on your OceanWP powered website: The

  • Side Panel - Customizer

    Default theme settings may differ if you have imported one of the OceanWP prebuilt website templates for WordPress. This is because these templates come with their own Customizer settings. However,

  • Custom Post Types: CPT Manager

    As of Ocean Pro Demos version 1.5.0, all OceanWP Pro Bundle license owners will be able to enjoy the OceanWP Custom Post Types (CPT) feature. In order to be able to utilize the Custom Post Types

  • Header Search

    Your OceanWP theme includes an advanced function that enables you to display a search bar in the header. Among the option to choose between multiple styles, you can also customize the Search Results

  • Admin Interface: Site Booster Module

    The Ocean Site Booster's Admin Interface module enables you to customize WordPress admin interface to help you streamline your workflow. To access Admin Interface, click on the cog icon, then toggle

  • Tools: Site Booster Panel

    The Ocean Site Booster's Tool panel is a versatile collection of utilities designed to secure your site, streamline content creation, and simplify code management without the need for additional