OceanWP-How To Change Header Menu Styles

how to style oceanwp menus in header

OceanWP has some default menu stylings built into the header and demo themes typically use one of these as defaults. Unfortunately, it’s not available in the obvious Menu setting but in Header/General/Style setting.

To change header menu styling, you may need to set the style in Header/General/Style.

Menu Options:
Minimal:white background with horizontal menu, social icons top right corner
In Minimal Style: To adjust top padding of menu adjust Header/General/Height (px)
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. Second row is menu in light grey.
Vertical is a hamburger slider bar on left or right.
Custome Header:set in in library

FOR DROPDOWN MENU STYLING

You can style your menu dropdown in the customizer section.

Go to Customize > Header > Menu > Dropdown Styling and set background color with transparency.

For the font setting, go to Customize > Typography > Main menu – Dropdown

TO CUSTOMIZE MENU SOCIAL ICONS & URLS

Customize/Header/Social Menu

Continue Reading OceanWP-How To Change Header Menu Styles

How To Change OceanWP Header Background Image

With themes like OceanWP’s Lauren theme that have header background images on pages. Here is where you can change the background image.

General Options > Page Title section. The default install image does not show up in the settings which may be confusing but after you change it it will show up in this section.

 

 

Continue Reading How To Change OceanWP Header Background Image