🔥 How to Create a Custom Header with OceanWP, free Elementor and Ocean Elementor Widgets

Published: 10 March 2022
on channel: OceanWP
25,914
129

🧙 Learn OceanWP with Matthew Turner - No Tech Fluff
💡 In this video, Matthew will show you how to build a custom header with free Elementor and Ocean Elementor Widgets, as well as how to apply it to your OceanWP theme website. As bonus, you'll learn how to apply automatic and manual Ocean Sticky Header options to your Custom Header template.

Elementor Pro is not required to be to apply a custom header to the OceanWP theme. However, if you're absolutely E Pro savvy, you can use it in combination with OceanWP - the choice is entirely yours. And choices are what makes OceanWP so beautiful 🚀

⚠ The free Ocean Extra plugin must be installed on your website in order to get the Theme Panel option and enable the feature to use a custom template, as well as to be able to activate the licenses and use pro plugins.

📜 If you prefer the written version, check out our documentation on how to Activate Ocean Pro Extensions: https://docs.oceanwp.org/article/702-...

👇 Find Chapters and additional information in description below

Let's have some fun together! You're hereby invited to join our Facebook Community Support group:   / oceanwptheme  
___________

💥 New to OceanWP? Get 25% OFF: https://checkout.freemius.com/mode/di...

🎁 Just in case, remember to check our website first for current promotions: https://oceanwp.org/core-extensions-b...

🚀 Looking to start faster than ever before? Get OceanWP Website templates installed on Cloudways servers in 1-click: https://oceanwp.org/oceanwp-demo-host...

___________

📌 Chapters and Descriptions:
0:00 Intro
0:13 About Custom Headers
🗨 Install the free Ocean Extra WordPress plugin and start creating custom templates for OceanWP: https://wordpress.org/plugins/ocean-e...
1:03 Create a Template
🗨 You can set the template layout directly from the document panel and from the Template section by choosing Elementor Canvas.
1:35 Editing with Elementor
2:15 Add Sections & Columns
3:12 Add Logo
🗨 You can either use the Image widget from free Elementor, or the Logo widget if you're using Ocean Elementor Widgets.
3:42 Add Icon Box
5:33 Add New Icon Box
6:27 Add a Button
8:13 Style Second Section
8:30 Add Navigation
🗨 If you don't have Ocean Elementor Widgets installed, you can also use default WordPress navigation widgets that come with the Ocean Extra free plugin. However, the styling and options will be limited compared to the Navigation widget from Ocean Elementor Widgets.
9:18 Add Ajax Search
🗨 Ajax Search widget is a part of Ocean Elementor Widgets. You can use any other search widget per liking.
11:00 Finishing Touches
11:45 Apply Template in OceanWP
12:41 Automatic Sticky Header
🗨 Sticky Header options are provided with the Ocean Sticky Header, which is a part of the Ocean Core Extensions Bundle.
13:25 Manual Sticky Header
🗨 With Ocean Sticky Header you can choose which section of the custom template will have the sticky effect.

___________

⚓ About OceanWP
OceanWP is a 100% free multi-purpose WordPress theme that fits any project type, from blogs to eCommerce stores. It's lightweight, yet packed with numerous customization options and functionalities that'll help you build whatever website you imagine or need.

Need more functions and options? Easily extend OceanWP with custom codes or with the help of Ocean free and pro plugins.

The best part about running OceanWP? It'll suit both beginners and professional website designers equally.

___________

📘 Storyline:
When we're new to something, things can appear impossible and sometimes intimidating. But the truth is, even professionals go through the exact same phase when dealing with new challenges. And it was your feedback and thoughts that motivated us to create these beginner videos - welcome to the blooper reel!

Tech and rocket science free, inaccurate terminology and bloopers included. Knowledge and skills come with time, but the most important thing is to try and get things done. How do we know this? We've been there! So trust us when we say - you got this!

OceanWP beginner video tutorials will help you gain the courage and confidence you need to try things on your own and succeed.

And don't forget, the primary goal is to have fun while building your website


Watch video 🔥 How to Create a Custom Header with OceanWP, free Elementor and Ocean Elementor Widgets online without registration, duration hours minute second in high quality. This video was added by user OceanWP 10 March 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 25,91 once and liked it 12 people.