Тёмный

Wordpress: Custom Headers with OceanWP & Elementor 😀👍 

WPTuts
Подписаться 169 тыс.
Просмотров 155 тыс.
50% 1

Learn how to create custom Wordpress headers with Elementor and OceanWP in minutes.
Harness the flexibility and versatility of Elementor to create custom, bespoke website headers and navigation using OceanWP and this easy to follow tutorial.
ELEMENTOR PRO: jo.my/1s0t2s2
Free tutorials for Wordpress, Slider Revolution and Visual Composer. New tutorials added every Wednesday.
Take your Wordpress website and skills to the next level!
AFFILIATE DOWNLOADS
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
CSSHERO: bit.ly/2qbrRl6
ELEMENTOR PRO: jo.my/1s0t2s2
SLIDER REVOLUTION 5 - bit.ly/2qDFU4G
VISUAL COMPOSER: bit.ly/2rnre70
IMPREZA THEME: bit.ly/2rn5yYx
SUBSCRIBE
bit.ly/2rX7rhu
LETS CONNECT:
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk
~-~~-~~~-~~-~
Speed Up Your Wordpress Website in 30 Seconds or Less!!
• Speed Up Your Wordpres...
~-~~-~~~-~~-~

Хобби

Опубликовано:

 

30 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 210   
@fabiennevdk7045
@fabiennevdk7045 6 лет назад
Thanks for the tutorial, very helpful! Video is brief enough to quickly have some things done and yet thorough enough to comprehend how it's done. Really saved me a lot of time, thanks :)
@WPTuts
@WPTuts 6 лет назад
Fabienne van den Kieboom glad you found it useful 👍
@davidmlees
@davidmlees 6 лет назад
You forgot to mention that you have to purchase the OceanWp widget extension for this to work. I call this FTC: failure to communicate,
@WPTuts
@WPTuts 6 лет назад
You only need the OceanWP Elementor extension if you want to tap into the default Wordpress menus (which is mentioned around 3:50 into the video). If you want to create your own custom menu or use the widgets that are part of Elementor (or the latest version of Elementor Pro (v1.8) you can do that also. So, you don't actually 'need' to buy the OceanWP plugins, but it does make the process easier.
@javiermilara
@javiermilara 5 лет назад
Thank you! Your tuts are really helpful ;)
@lynguist
@lynguist 6 лет назад
exactly what i needed to know just today! THANK YOU!
@chupabloescobar4049
@chupabloescobar4049 5 лет назад
hello thanks for this video... can you make the custom header transparent and sticky at the same time?
@FlyingHigh2TheSky
@FlyingHigh2TheSky 5 лет назад
What's the difference from making a custom header (template) through: theme panel -> my library (using oceanWP) elementor -> my templates, what are the drawbacks if any to either one? generally speaking should i try to add edit / and adjust content through my Theme oceanWP, or through elementor, or even backend in wordpress?
@alwaysdiscovering2998
@alwaysdiscovering2998 4 года назад
I am getting an error when I tried to access Elementor after I did some style changes in Customize "Invalid data the template ID cannot be the same as the currently edited template. Please choose a different one" Any ideas?
@neilerrey594
@neilerrey594 6 лет назад
Thank you, I would love to see more of your tutorials.
@WPTuts
@WPTuts 6 лет назад
Take a look over the channel and there are well over 100 there to choose from: ru-vid.com/show-UCiTDv6q1XYwZnAm2EYN8wKw Hopefully they won't bore you too much :0)
@evanparcon
@evanparcon 6 лет назад
You're a lifesaver! Thank you. Liked and subsribed
@WPTuts
@WPTuts 6 лет назад
evan parcon welcome to the community 👍
@castormagi1
@castormagi1 5 лет назад
Thanks so much! This was exactly what I was looking for. Really, really helpful!
@WPTuts
@WPTuts 5 лет назад
Awesome! Glad it helped 👍
@DebsShipley1969
@DebsShipley1969 6 лет назад
Every time I try to drag and drop from the left hand panel a red circle with a line through it comes up and im unable to drag and drop. Any ideas please? Thank you
@frozencreativellc
@frozencreativellc 6 лет назад
Great video! You explain things really well!
@WPTuts
@WPTuts 6 лет назад
Thank you very much. Glad you found it useful :0)
@brandonawreysalessaskatoon3593
Hi and thanks for the tutorial! I've built many websites with elementor and ocean WP. I'm wondering if I would be able to design a classified website using the pro version?
@JimKernix
@JimKernix 6 лет назад
Why does your elementor have a green Save but mine says Update? I created a header with an image, then I can't remember how but my site identity in a new section under the image, then the final section below that was my main menu. For some reason I'm getting 2 problems: 1st my menu end sup between my Site name and Site Description, 2nd the formatting i gave my menu in the customize screen isn't loading. Any ideas?
@justbyronnow1665
@justbyronnow1665 4 года назад
how do you make the image you add in to act like a logo so when you click on it it goes home? it just reads as an image not a logo like the option youl find in the header settings
@nssdesigns
@nssdesigns 7 лет назад
I've noticed that on some websites i.e. using the GoodDay theme the Footer has a cool static (reverse paralax) effect where the content is static and it reveals from behind. How's that possible in ELEMENTOR?
@stacia914
@stacia914 6 лет назад
Thank you for your videos. I purchased this product!!
@mweymar
@mweymar 5 лет назад
There you go, WPTuts! You got someone to bite! Haha...
@ijsbrand3456
@ijsbrand3456 6 лет назад
I am watching the video and I go through all the steps that are described. However, I have no extra piece of Ocean Elements in elementor where the navigation menu is located. This only works with a pro version. I installed Oceanwp and installed the plug-in Ocean Extra. What am I doing wrong?
@tonyaiello6384
@tonyaiello6384 6 лет назад
After I set everything to customize and I go back to edit in elementor it won’t let me edit what I’ve already done. Will only let me add new section. Please help. Is it because I don’t have the pro version?
@WPTuts
@WPTuts 7 лет назад
Learn how to easily create custom headers in Wordpress using Elementor and OceanWP in this new tutorial!
@dannytetreault
@dannytetreault 6 лет назад
Great video on creating custom headers in OceanWP.
@DrKarenHoving
@DrKarenHoving 6 лет назад
this is wonderful. If we don't have the ocean wp package how do we move the menu w/o the widget?
@ahmaddana9721
@ahmaddana9721 6 лет назад
Thank you very much, well explained
@WPTuts
@WPTuts 6 лет назад
Ahmad Dana my pleasure 👍
@JenGomes
@JenGomes 7 лет назад
Very informative and straight forward tutorial. Thanks for the help! :) Subscribed.
@lenawebb-bey3642
@lenawebb-bey3642 4 года назад
I'm using Elementor 2.7.3. I see the exact icon you see, but mine comes out in a list instead of across. Is there a way to change it to horizontal instead?
@alexburggraf3023
@alexburggraf3023 6 лет назад
"Nothing covered in this video requires you to have the PRO version" Either I am missing something or some extensions are now only available in PRO, since this video was recorded, but I do not see i.e. the Navigation widget (around/at 6:20 in the video) as a free element.
@kleinerjimmy
@kleinerjimmy 6 лет назад
Same for me, I can only add a custom menu, which I then can't change in the oceanwp cusomization panel.
@WPTuts
@WPTuts 6 лет назад
You can create your own custom menus using various methods without the need for Pro or the OceanWP add-ons, but if you want to get the most flexible range of options, the OceanWP Elementor add-ons are recommended. This does NOT require the Pro version of Elementor.
@alexburggraf3023
@alexburggraf3023 6 лет назад
Sorry, I wasn't clear enough - I am talking about Elementor vs. Elementor Pro. The Navigation Widget you enter at around 6:20 in the video is not part of the free Elemntor version. Or are you saying, that it is a widget in the OceanWP Elementor plugin/add-on. Anyways - I don't think that your statement "Nothing covered in this video requires you to have the PRO version [of any tool or theme you are talking about]" is true
@alexburggraf3023
@alexburggraf3023 6 лет назад
Aaah - sorry - I re-watched and now see, that the Navigation is obviously really just a free OceanWP Elementor widget.Thanks!
@jennifervieira5003
@jennifervieira5003 6 лет назад
Hi there - I'm not seeing the navigation widget, either. Can you please share how you were able to find it?
@whmeade
@whmeade 6 лет назад
When I drop my menu in the custom header it doesn't show up. I just see a gray area with three dots in the center. Is there something I missed?
@j4mediavideo
@j4mediavideo 6 лет назад
Great tutorial, much appreciated! I followed along and tried to create a custom header for my site, but I'm not able to figure out how I can make the custom header with a transparent background. No matter what I do -- clear the background for my section, clear the background for my rows, etc. -- the custom header always shows up on my site with a white background. Is it possible to create a transparent custom header?
@bridgettegeorge
@bridgettegeorge 5 лет назад
Thankyou! I followed your tips!
@alaaabdelrahim4074
@alaaabdelrahim4074 6 лет назад
you are awesome. thank you
@pikeykong
@pikeykong 6 лет назад
How do I take a page from the Theme Panel My Library and make it an official page under the Pages Tab?
@yami02
@yami02 5 лет назад
Nice tutorial. I find it very useful. Question: How to make section, that we just prepared to be overlay on the page content. I want to achieve the effect just like with "Transparent" option in OceanWp -> Header -> General -> Style ---> "Transparent", but using my custom section. Hot can I do that?
@jyotirnarayandutta7522
@jyotirnarayandutta7522 5 лет назад
A good demonstration. Very helpful.
@sabik195
@sabik195 5 лет назад
How you made that simple Nav Menu (home-blog-contact and Search form) Can't make that "search box"
@grupomulticomercio4149
@grupomulticomercio4149 4 года назад
Aprenda a pronunciar Could someone tell me how to "center" the menu on the page? ?? (as shown at 10:50)
@risheknarayan1450
@risheknarayan1450 4 года назад
Do we need to purchase oceanwp pro because my oceanwp widgets did not appear on elementor
@gagailos
@gagailos 6 лет назад
I dont see the OCEANWP elements. Is it a plugin i have to download?
@simplydecadentcreations
@simplydecadentcreations 4 года назад
Thank you so much for this video. How do you get this to display on the Home Page?
@ranjanakumari520
@ranjanakumari520 5 лет назад
can u tell the exact name of addon which u have added here. there is too many showing up hear
@vinodthampi
@vinodthampi 5 лет назад
good presentation.thanks
@catherinebremner7454
@catherinebremner7454 3 года назад
I seem to have a problem where my custom header only shows on the home page. Can you help?
@ggs4869
@ggs4869 6 лет назад
is it possible to reset the searchbox symbol? for the past 5 hours i try to get rid of it .... :/
@JessiMassacre
@JessiMassacre 4 года назад
Hello, i really need help! I Create the Custom Header Template, but in actual version there is no selection to put in my own template. I can click on **Custom Header** but i cannot select anything. Thank you!
@3333Singh
@3333Singh 4 года назад
go to WordPress widget section on the bottom and drag the Wordpress custom header nav.
@nasosandreopoulos3483
@nasosandreopoulos3483 6 лет назад
How can you add menu cart item on the customer header section ?I have trouble with it
@narniashasta
@narniashasta Год назад
Thank you thank you thank you. Finally, I understood something really confusing for newbies.
@lasvegastalent
@lasvegastalent 6 лет назад
I use Oceanwp and Elementor, the method works but unable to make transparent
@waterfree612
@waterfree612 5 лет назад
hi can show us how to set up my account in astra theme by default thank you so much
@Pxbilili2010
@Pxbilili2010 4 года назад
Hello, first I want to thank you. I used the free version of ocean wp and I inserted the default wordpress options to create my menu on elementor. it works. Responsively, my menu is not a hamburger. do you think maybe if i had used the pro version of ocean wp using the pro options, i would have gotten a hamburger menu by default in responsive? ( im french i used google traduction :D )
@alanfabricio1036
@alanfabricio1036 4 года назад
Really helpful. Thanks!
@EPHONIC
@EPHONIC 6 лет назад
This is great but is there a global way to apply the new header to every page? It seems I need to manually apply the header everytime.
@MrBaykalcelik
@MrBaykalcelik 2 года назад
Clear and Easy. Thanks
@kaswhi8920
@kaswhi8920 6 лет назад
How can I make the menu header for Oceanwp with Elementor without purchasing the Oceanwp Elements?
@mariasoyoso-capuder9890
@mariasoyoso-capuder9890 6 лет назад
This is the same question I have. But I guess the idea is, follow his instruction then find your on way to create one. Otherwise pay for the PRO.LOL!!! @Kas Whi, go to your elementor and look in the add anither group then go to widget, and search for navigation, just drag whatever you prefer (as of now you they have two option to choice from) and then you can customize them.
@dirty_harry7822
@dirty_harry7822 7 лет назад
Hi thanks for the tutorial, ill def look into oceanWP. Is there a way/option to make the header fixed?
@WPTuts
@WPTuts 7 лет назад
Dirty_ Harry if you get the OceanWP plugin suite, there is a sticky header plugin included that will do just that 👍
@linkin54321
@linkin54321 5 лет назад
I can't get the mobile menu to align correctly, if anyone found a solution, please reply, many thanks! 😊
@TruthSlayer11
@TruthSlayer11 5 лет назад
Hi Great vid but I added an image into my custom header and now the slider for height of the header does not work???Why is that? Thank you
@allison447
@allison447 4 года назад
Tuts - hey how can we add a transparent gradient overlay? I like to have the image behind the header or banner image, but then have the image fade out so the text is easy to read. I can't find a place for the direction/transparency slider. Do you know where this is?
@Kelfusiontv
@Kelfusiontv 4 года назад
TA check the horizontal bar underneath the colour grading box. Slide it to zero to reduce the image opacity.
@allison447
@allison447 4 года назад
@@Kelfusiontv OK. Thx bl
@darshanenterprises6319
@darshanenterprises6319 4 года назад
dear as per your tutorial my old header is missing and also new header is not seen anywhere,where is problem. kindly help
@oliviasamlal228
@oliviasamlal228 6 лет назад
please confirm what version you are using , as I don't have the same feature in wordpress, elementor (free version) or ocean wp
@cejeudigital5983
@cejeudigital5983 5 лет назад
Did you install the Ocean Extra plugin? Then the Theme Panel setting will be visible. I hope that helps! -Zoe
@nssdesigns
@nssdesigns 7 лет назад
So I purchased OceanWP with all the add-ons. Now I'm trying to find if you can add a specific header template to a specific page? As I don't want the same hear on ALL my pages. Does anyone know if this is possible? Been looking around the Pages options but haven't yet found the solution....
@nssdesigns
@nssdesigns 7 лет назад
I found the Shortcode Widget and used that in a *new section. So at least I found one way how to do it. Would be good if you could simply use this in the Page dialogue box.
@WPTuts
@WPTuts 7 лет назад
You can also achieve different headers on a per page basis using the OceanWP Hooks feature - there's more info here: docs.oceanwp.org/article/375-altering-header-style-by-page You may need to log into your account to view the page though. I haven't tried it yet, but will have a look when I get some spare time and depending upon the complexity involved, may put a tutorial together on the topic. Hope that helps :0)
@nssdesigns
@nssdesigns 7 лет назад
WPTuts I'll look into it and give it a go... but the shortcode widget does the job too. So no panic there.
@sunnysehrawat544
@sunnysehrawat544 5 лет назад
hi i am facing some problems creating menu on mobile....can you please help me?
@dondornbrack4132
@dondornbrack4132 6 лет назад
Hi! Thanks for the great tutorials!!! When you create the custom header template, will it be applied to all pages including the WooCommerce "Shop", "My Account", "Cart" & "Checkout" pages?
@WPTuts
@WPTuts 6 лет назад
Hi. Yes, if you set up a custom header with OceanWP it will apply to all pages unless you specific an alternative when creating specific pages.
@dondornbrack4132
@dondornbrack4132 6 лет назад
I managed to create the custom header and apply it to the WooCommerce Shop Page which shows my Catagories! Is there a way to apply it to the Products Page & Single Products Page? Am I correct that these pages are "Archive pages, and therefore you cant' edit them?
@marianc4807
@marianc4807 6 лет назад
I have created the custom header but can only see it on my main page. I chose custom header in appearance, customize but cannot see it on any page other than the one on which it was created. Any help is appreciated.
@AshishKumar-zi9gy
@AshishKumar-zi9gy 5 лет назад
can we use any other theme rather than ocean
@AndyDOHD1
@AndyDOHD1 5 лет назад
Working on a community group website that I am a member of and I've made the navigation in OceanWP. I have ElementorPro but no addition OWP widgets so nav is totally OWP. But what I find is I can't change the background colour of the navbar desoite being able to change the individual button colours. I am missing something in OWP somewhere I am sure. Site is on test domain at www.formresult.co.uk if you care to see what I mean. Any ideas? I am sure it must be something simple I am missing.
@kevs1328
@kevs1328 7 лет назад
Hi and another excellent vid for WP newbies like myself. What would you think about using OceanWP with Elementor to build a simple website for a small boutique shop and maybe adding WooCommerce at a later date if there is interest to purchase online? (or, is it standard practice to have WooCommerce as the base for any shop website from the start?) Looking forward to your follow up tutorials on OceanWP. Regards Kevin
@WPTuts
@WPTuts 7 лет назад
Kev S I think it makes for a great platform. Start with what you need right now and add in WooCommerce when you're ready to start selling online. I've done a similar thing myself and it worked really well.. I would generally avoid building WooCommerce in from the start as you'll just be adding unnecessary bloat to the site for no real benefit.
@kevs1328
@kevs1328 7 лет назад
Big thanks for the reply and will follow your suggestion - Keep them tutorials coming :-)
@WPTuts
@WPTuts 7 лет назад
Kev S no problem at all 👍
@simranjeetsingh4280
@simranjeetsingh4280 4 года назад
Thanks
@emmanuelortiz3613
@emmanuelortiz3613 6 лет назад
Can somebody help me make the header fixed using the free OceanWP theme?
@afps1885
@afps1885 6 лет назад
Hi thank u for great tutorials! i wonder if u can help me get into edit mode on search result page?
@WPTuts
@WPTuts 6 лет назад
You can't edit the search results page of Wordpress with Elementor I'm afraid. If you want to get in and edit the core Wordpress pages, you'll need to look at something like Anywhere Elementor which opens those pages up for you.
@johnhamman2214
@johnhamman2214 5 лет назад
I don't have the Ocean View Option under the edit section???
@bartj.braswell4948
@bartj.braswell4948 6 лет назад
Can I use this to create a different header on each page?
@WPTuts
@WPTuts 6 лет назад
You can and there will be a quick tip video on doing just that uploaded later today. 👍
@bartj.braswell4948
@bartj.braswell4948 6 лет назад
Wow, perfect timing. I watched the video, what a good job for a great feature. Do any other free themes provide it? Say, Astra or GeneratePress?
@WPTuts
@WPTuts 6 лет назад
Bart J. Braswell to be honest, I don't have too much experience working with Astra or GP. I'm pretty sure GP has a similar feature but it may require a purchased add on to achieve it.
@abdullahalnoman3567
@abdullahalnoman3567 6 лет назад
Hi, thank you for your video man! Can you help me, how can I make my header sticky with oceanwp?
@Psmeg
@Psmeg 6 лет назад
Khandakar Abdullah Al-Numan they have a plug in for that. Take a look on the OceanWP website 👍
@Gr8ph1cs
@Gr8ph1cs 6 лет назад
Do you, WP-Tuts, have a sticky header class, owp-sticky, tutorial? Thanks.
@libassediop4764
@libassediop4764 6 лет назад
Hi! Is it possible to set the header sticky in the free version of elementor?
@WPTuts
@WPTuts 6 лет назад
I'm afraid not, Elementor (including Pro) doesn't offer this feature at the moment. There may be some free WP addons that will allow you to create Sticky Headers, but I've not tried them sorry.
@libassediop4764
@libassediop4764 6 лет назад
No problem. and thanks for your time
@andrewchadwick7415
@andrewchadwick7415 6 лет назад
Is it possible to make it so that it changes when you scroll? I.e. to make it shrink up?
@WPTuts
@WPTuts 6 лет назад
Andrew Chadwick check out the sticky headers plug in for OceanWP.
@robertclithero1486
@robertclithero1486 5 лет назад
Thank you very much! How can I use transparency?
@WPTuts
@WPTuts 5 лет назад
Take a look at this recent video on transparent headers with OceanWP. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VefcwJMJW64.html
@kruegdude
@kruegdude 6 лет назад
Sigh. Followed this tutorial but the OceanWP menu only shows 3 dots when I create it in the Edit With Elementor and the menu portion doesn't show at all when I view my pages.
@LogologicsNl
@LogologicsNl 7 лет назад
Great tutorial, easy to follow and easy to implement! Thanks! Is there a way to have a custom header per page? Now it shows on every page.
@WPTuts
@WPTuts 7 лет назад
I've not come across a way of setting a per page header with OceanWP.
@LogologicsNl
@LogologicsNl 7 лет назад
Thanks for responding so quickly! I am still searching but can not find it eather.
@LogologicsNl
@LogologicsNl 7 лет назад
I am comparing GeneratePress to OceanWP. So far OceanWp definitely has more options in the free version. I have the GP premium and there it adds an option on every page to add a custom header. I can not find that in the premium add ons of Ocean WP eather. Still a great theme!
@WPTuts
@WPTuts 6 лет назад
Have a look at the OceanWP Hooks, you can set anything you want before the top of the page, so could easily create multiple header templates and 'hook' those in on a per page basis.
@LogologicsNl
@LogologicsNl 6 лет назад
Hi, thanks for getting back to me about this. So far, those hooks are a big grey area to me, did not get into it. I had a suggestion from Nicolas today actually to add this in child theme's functions.php : docs.oceanwp.org/article/459-alter-the-page-header-background-image. He also said he would integrate headers per page soon in coming updates. Could I just add that php code into the hooks?
@jhendelmonte5799
@jhendelmonte5799 5 лет назад
it is possible to have different header to different page ? Thank you for ASAP reply
@WPTuts
@WPTuts 5 лет назад
Just use the OceanWP options panel on each page to assign a different header template to the page(s). 👍
@talmiz3588
@talmiz3588 6 лет назад
I dont have the oceanwp elements in my elementor widgets panel :( how do I get it in?
@WPTuts
@WPTuts 6 лет назад
Tal Miz you'd need to purchase it or pick up the entire bundle of add ons for OceanWP.
@user-bm4xu5mv5p
@user-bm4xu5mv5p 4 года назад
sir how to install theme panel in ocean wp..i didnt find the theme panel plugin for
@WPTuts
@WPTuts 4 года назад
You'll need to install Ocean Extras. It's the free OceanWP plugin that opens up the extra options.
@jeffchapman8992
@jeffchapman8992 5 лет назад
Very helpful but where is the 'navigation block'? I don't see it in my OceanWP basic edition. Is that now a only available in the upgraded version? Thanks in advance.
@WPTuts
@WPTuts 5 лет назад
The navigation widget is only available in the OceanWP Elementor add-on. If you have Elementor Pro, you could use that instead. 👍
@jeffchapman8992
@jeffchapman8992 5 лет назад
@@WPTuts is the OceanWP Elementor add-on free? I'll do a plugin search. Thanks for the reply. [I don't have Elementor Pro.]
@michaelpalombo470
@michaelpalombo470 6 лет назад
TOP - OCEANWP is one of the best foundation themes!
@WPTuts
@WPTuts 6 лет назад
Michael Palombo totally agree. 👍
@kaarabastore8737
@kaarabastore8737 6 лет назад
Which one is the best between flatsome vs oceanwp please? We are using flatsome in our website and we are thinking to switch to oceanwp our website is www.kaaraba.com
@jeangogolin1210
@jeangogolin1210 6 лет назад
I've been working on a new site with Ocean and Elementor and when I go to the WP Customized I get a 404 error. I went to Bluehost Chat and was told the problem is Ocean. Since I have the free version of Ocean, I can get absolutely no help from you. So I'm about to switch to another theme.
@WPTuts
@WPTuts 6 лет назад
Hi Jean, sorry to hear you're having issues. Unfortunately, I'm not sure what you mean by getting no help from me. Just to clarify, I'm not associated with the people behind OceanWP. But I would recommend joining the OceanWP Facebook group where the developers are very active and could more than likely help you troubleshoot your problem. As for Bluehost, I've heard pretty poor feedback to their services on various groups and RU-vid comments, so it may not be specifically down to OceanWP alone.
@JohnGarghan
@JohnGarghan 5 лет назад
Great video but please could you add the finished effect/feature at the start of the video as a means to introduce it smoothly
@amaldesign3833
@amaldesign3833 5 лет назад
i don't have theme panel in my dashbord
@weneedhelp7119
@weneedhelp7119 5 лет назад
Very nice and informative video, i just created mine. But can't remove it and make it default. I would be highly grateful if you could tell me how to remove it and revert it to default one
@thorelltravelcircus8304
@thorelltravelcircus8304 6 лет назад
i dont have theme panel on my wp menu where can i get into it?
@spirit3soul
@spirit3soul 6 лет назад
Did you add the required Ocean Extras plugin - then it'll show up
@danielshaffer7450
@danielshaffer7450 5 лет назад
I'm also getting stuck with navigation/menu issues. The Elementor plugin for the Wordpress menu is so awful. It's a vertical list of the pages with a bullet point next to each one and there is no editing it at all. Wish I wouldn't have to pay $50 for elementor just for a nav feature.
@justinwilliams7805
@justinwilliams7805 5 лет назад
What is the opimal pixel size for this logo?
@WPTuts
@WPTuts 5 лет назад
That's really dependent on your header design more than anything. Generally, I would make it around 250 - 300px wide if it's a slender logo like used in this demo. If it's square, probably smaller.
@carmonbeene3559
@carmonbeene3559 6 лет назад
I don't have a "navigation" option? Is there an alternative?
@pointdotpoint
@pointdotpoint 6 лет назад
That's from Elementor Pro, but there are free alternatives like this: wordpress.org/plugins/navmenu-addon-for-elementor/
@julienmarre4836
@julienmarre4836 6 лет назад
Can the header be transparent and merged with content?
@WPTuts
@WPTuts 6 лет назад
Julien Marre yes, you can choose transparent as an option in the Customiser in OceanWP.
@julienmarre4836
@julienmarre4836 6 лет назад
Thanks. Well if I see it right you do not have to have the Elementor Widgets add-on that OceanWP sells on their site, having Elementor is enough, or does Ocean Widgets allows more options? Little confused now ^^
@kaarabastore8737
@kaarabastore8737 6 лет назад
Hello I am currently using flatsome in our website www.kaaraba.com, we are thinking to switch to oceanwp theme and continue using our elementor pro , but I wanted to know if we can use a search products bar like we do have in our header. Our search bar search only for products and SKU. We want to keep that , because some of other theme the search bar looks also for blogs or other items. We do like the search bar in both mobile version and desktop version too in order to offer to our visitors the best experience possible
@orthodonticapc2128
@orthodonticapc2128 6 лет назад
How about a sticky header?
@strandskovmedia4606
@strandskovmedia4606 6 лет назад
Would like to know this aswell
@kaarabastore8737
@kaarabastore8737 6 лет назад
Yes me too what about sticky header ? Please
@DrKarenHoving
@DrKarenHoving 6 лет назад
There is a oceanwp sticky header widget on oceanwp site (aprx $10/year) I've also seen a free one (that I had issues w) called MYSTICKYMENU . I'm sure you'll be ok w/mystickymenu. I had problems getting the class code I needed once my menu was up-you put that into the widget and it sticks so i spent the $10 -I figure by the time I have it up and running I'll get it sorted and cancel for next year (but guys, I'm clueless-so see if you can find instructions on youtube. the oceanwp works wonderfully!
@katkat792
@katkat792 6 лет назад
I use that plugin to create a sticky header. wordpress.org/plugins/sticky-menu-or-anything-on-scroll/. That works fine for me!
@DrKarenHoving
@DrKarenHoving 6 лет назад
IF you get the Elementor Pro there is a slider to turn on the sticky header! I managed to muck it up bc I had added mystickymenu. Then when I came across the sticky menu on EP-I ticked that-OMG they cancelled each other out. But when I realized it I couldn't remember WHERE the sticky header tick box was on Elementor Pro...So if you get pro DON'T use their sticky header if you use one of the others...
@vinodthampi
@vinodthampi 5 лет назад
good
@tomasfales6048
@tomasfales6048 5 лет назад
I have followed this tutorial, and I have also problem with navigation panel or main menu panel. I add the menu from WP which is possible, but it misses the search icon, so I need to add another search bar but it is not possible to add to the main menu, so it's not that cool. jakuzdravitdusi.cz
@sumukhhrr7403
@sumukhhrr7403 6 лет назад
Ocean wp and elementor doesn't go well now. There is a plugin conflict.
@WPTuts
@WPTuts 6 лет назад
Would you care to elaborate on that statement? I use them both daily and haven't found any issues at all.
@sumukhhrr7403
@sumukhhrr7403 6 лет назад
WPTuts when I use ocean wp theme, in the elementor editor the bottom buttons that is- update, preview changes etc. None of them work. As soon as I tried a different simple theme like twenty sixteen everything works fine. Even I Don know the reason why it happens with ocean wp. As far as I am concerned it's a plugin conflict. What are your views and do you hv any solutions? Would love to hear from you :-)
@WPTuts
@WPTuts 6 лет назад
To be honest, the first thing I would do is deactivate all plugins, then just add Elementor in and see if the issue is still there. If not, add each plugin back in based upon importance to the project to see where the conflict lies. I would also suggest reaching out to the developers of OWP and Elementor with information on the setup you're using as it seems a little odd to have this issue. It may also be worth checking that you have enough resources available for the plugins to run effectively. Check memory, execution time, etc for the server setup.
@sumukhhrr7403
@sumukhhrr7403 6 лет назад
WPTuts thank you. Hv checked everything. Found out that ocean wp extra plugin was the plugin. So if I don't use ocean wp extra plugin the theme 's functionality is compromised. So I had to change the entire theme itself.
@MdSabbir-xe8tb
@MdSabbir-xe8tb 5 лет назад
cant see ocenwp setting
@cejeudigital5983
@cejeudigital5983 5 лет назад
Hey! You need to install and activate the Ocean Extra plugin (the one they recommend) and then the Theme Panel will be visible. I hope that helps! -Zoe
@heyheymaizo
@heyheymaizo 5 лет назад
I already installed Ocean Extra plugin. There's no oceanwp setting in Elementor editor. I can't add the menu.
@peterassanfulkwame852
@peterassanfulkwame852 7 лет назад
Is design web build for non techies your?
@WPTuts
@WPTuts 7 лет назад
Peter Assanful no, that's not me. Good channel though. 👍
@royb3000
@royb3000 6 лет назад
I can't find the Theme Panel for Ocean WP
@WPTuts
@WPTuts 6 лет назад
Are you sure you have the theme installed and activated along with any additional plugins and that you're logged in as an Administrator?
@spirit3soul
@spirit3soul 6 лет назад
Add Ocean Extras plugin - then it shows up
@MuhammadAsif-ui4wp
@MuhammadAsif-ui4wp 4 года назад
sir menu Left Right Center Not Wroking
@Serzill
@Serzill 5 лет назад
The reason you are here starts at 4:40
@isntlifebetter
@isntlifebetter 4 года назад
Yup gotta have the OceanWP Elementor Widgets. Its in the premium version not the free. I have both the free and premium versions.
Далее
кукинг с Даниилом 🥸
01:00
Просмотров 491 тыс.
IQ Level: 10000
00:10
Просмотров 2,9 млн
Штаны легионера
00:44
Просмотров 123 тыс.
How to Create Your Own Custom Header with Elementor
18:30
Custom Headers on ANY WORDPRESS PAGE with OceanWP!
4:39
OceanWP Custom Header Tutorial - With Elementor
16:41
How to Make a WordPress Website with Elementor in 2024
1:19:17
Getting Started with OceanWP
20:10
Просмотров 147 тыс.
Create a Footer Using Elementor & OceanWP #28
10:27
Просмотров 85 тыс.
Будни в пекарне. Часть 7
0:48
Просмотров 1,6 млн