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, the way you use the Customizer to adjust your website remains the same.

The OceanWP Customizer Sticky Footer panel enables you to display the website footer behind a sticky bar, making the footer content always available with a single click; apply a dedicated sticky footer menu, style the sticky footer area and more.

Sticky Footer is an OceanWP premium feature, available with the OceanWP Pro Bundle.

Upgrade now to get access to this and many other features, premium full website templates, dedicated customer support and more.

The Sticky Footer panel in the Customizer will appear when you install and activate this premium OceanWP extension.

Available Sticky Footer options include:

Sticky Footer Bar section:
- Text,
- Custom Opening Icon,
Responsive Settings section:
- Hide Navigation on Mobile,
- Hide Text on Mobile,
Sticky Footer Styling section:
- Sticky Footer Opacity,
- Typography:
  - Sticky Footer Text,
- Colors:

Text

The Text option enables you to add any text which is going to be displayed in the sticky footer bar.

Delete the default text if you don't want to display anything.

Custom Opening Icon

The Custom Opening Icon enables you to add a full icon class in case you want to use a different icon compared to the original arrow icon.

For example, perhaps you would like to use a hamburger menu, in which case you can add: fa fa-bars .

The Hide Navigation on Mobile option enables you to hide the dedicated sticky footer menu (if you're using one), on mobile devices.

The sticky footer menu is displayed in the sticky footer bar.

OceanWP enables you to display a dedicated menu in the sticky footer bar area.

Create a menu via WP Dashboard, Appearance > Menus, and assign the Sticky Footer role to it. Likewise, you can remove the menu from appearing in the sticky footer bar by unchecking the Sticky Footer role for the menu you created.

Hide Text on Mobile

The Hide Text on Mobile option enables you to hide the sticky footer text, which appears in the sticky footer bar.

The Sticky Footer Opacity option enables you to adjust opacity (visibility) of the sticky footer area.

Sticky Footer Text

The Sticky Footer Text typography option enables you to adjust typography for the sticky footer bar text.

Sticky Footer Text

The Sticky Footer Text color option enables you to apply color to the sticky footer bar text.

Background

The Background color option enables you to apply color to the sticky footer bar area only.

The background color of the footer widgets and / or footer copyright areas will remain as is.

Open Button: Background

The Open Button: Background color option enables you to apply color to the background of the opening button in the sticky footer bar.

Open Button: Icon

The Open Button: Icon color option enables you to apply color to the icon of the opening button in the sticky footer bar.

The Menu Item: Link color option enables you to apply regular and hover color to the sticky footer menu items.

OceanWP enables you to display a dedicated menu in the sticky footer bar area.

The Menu Item: Background color option enables you to apply the regular and hover background color to all sticky footer menu items.

Scroll to Top: Background

The Scroll to Top: Background color option enables you to apply the regular and hover background color to the scroll to top button.

Scroll to Top: Icon

The Scroll to Top: Icon color option enables you to apply the regular and hover color to the scroll to top button icon.

Found an error in this doc or believe it needs improvement?

Send us a prepurchase ticket, include the URL of the page, and add suggestions and more details about how we can make things better for you.

That's it!

Enjoy building your WordPress website with OceanWP!