📲 OceanWP Theme Mobile Header Styles: Customizer Options (⏱ Quick Overview)

🧙 Learn OceanWP with Matthew Turner - No Tech Fluff
💡 In this video, Matthew will give you a quick tour through OceanWP Mobile Header options

📲 OceanWP WordPress theme offers you 3 independent Mobile Header styles with different options.

👇 Find Chapters and additional information in description below

___________

___________

📌 Chapters and Descriptions:
0:00 Intro
0:23 Mobile Header Customizer Options
1:10 Mobile Breakpoints
🗨 Device or browser width where the standard (desktop) header and menu is being replaced by the mobile header and menu.
1:50 Preview Changes Live
🗨 Using the Browser Inspector tool (right click, Inspect Element (or similar wording, depending on the browser)), you can preview your website's responsive layout, styling, menu and other changes.
2:20 Mobile Header Styles
3:00 Mobile Header Elements Positioning
3:30 Mobile Menu Button Styling
3:58 Adjusting Menu Height
🗨 Some options depend on the Mobile Header style you're using.
4:18 Mobile Header Search
5:18 Mobile Menu Button Animation
🗨 Animations will function ONLY with the default hamburger icon.

___________

⚓ 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

[Erica-mhxx]

When I do sub-item, my main page went missing. What happen over here?

[vicarsanc]

Good video! Thank you!

I have a little problem! when I click on "the hamburguer" mobile menu, the menu opens and closes immediately... It seems that "the hamburguer" is a link to "home", but I'm not sure. Could you give me some advice?

Thank you in advance!!🙏

[matsuno]

Is there a setting to make the menu header sticky?

[heppylifestyle]

i have a custom header img and cannot figure out how to set an img for desk/pad/mobile.... Keep hope alive :/

[DigitalAshis]

Hello buddy. I love you explanation. Please make a video on how to add big search button in Menu. Like 50% of screen. Thank you. Or please help me. I am new so can't purchase the pro if I have money I will definitely purchase

[jabbyjabocs]

No offense meant but the mobile menu looks bad compared to the desktop. Not because of your design but because of the limitation of the tools available.