Custom Header Menus for Mobile & Tablet - Different Headers for Different Devices
ฝัง
- เผยแพร่เมื่อ 18 เม.ย. 2020
- Creating a Custom Header & Menus have come a long way in WordPress. Responsive websites are now a minimum standard that must be offered. With responsive websites comes the issue of managing your headers. Now a simple blog website may not have to face this issue, but once you start to grow your website you may have to place custom items on the header to draw the user's attention.
This comes at a steep price. Creating custom menus would easily empty your pockets since you will have to purchase premium themes in most cases only to end up with moderate flexibility. In this video however, you will not only get complete (and I mean complete) control over the design of your header but you will also get to do this completely for FREE.
By the end of this video, you shall have different versions of your Header to show up to the user depending upon his device. A desktop would have a separate & dedicated menu. Tablets will have their dedicated headers. And mobile users would see custom headers on their devices.
If this proposition sounds good let's go and create awesome headers.
Check out our previous videos which will help you digest this video better:
Creating a custom menu on Desktop for FREE : • Create Custom Header i...
Elementor Walkthrough Part-1 : • Elementor Page Builder...
Elementor Walkthrough Part-2 : • Elementor Page Builder...
____________________________
My #1 Recommendations to best digital services: thebinaryiq.com/recommendations/
★ Web Hosting Service :
InMotion Hosting - bit.ly/2U8Kq8r
BlueHost Hosting - bit.ly/2xgtO5X
★ Domain name provider :
NameCheap - bit.ly/2UQYvGH
★ WordPress Theme :
Astra - bit.ly/2ww9cXh
★ WordPress Page Builder Plugin :
Elementor - bit.ly/2WD826T
★ Email Marketing Software :
Convertkit - bit.ly/2UEqevI
★ TH-cam Tool :
TubeBuddy - bit.ly/3dzC7dR
★ Video, Photos & Graphics Editing :
Adobe Creative Cloud - bit.ly/3bKqleK
★ Productivity Software :
Notion - bit.ly/3bKqleK
____________________________
If you find this video helpful please ► LIKE, SHARE & SUBSCRIBE
★☆★ SUBSCRIBE TO ME ON TH-cam: ★☆★
SUBSCRIBE ► bit.ly/2wEfWlM
Credits: thebinaryiq.com/credits/
DISCLAIMER: On our channel, we believe in transparency. This video and description may contain Affiliate links, which means that if you sign up to one of the products using our links, we’ll earn a small commission at no extra cost to you (In fact, by using most of our links you will end up Saving Money due to Special Discounts offered to our Audience). This helps support the channel and allows us to continue making valuable videos like this. We only recommend the BEST Services & Products that we have tried and tested over a long period of time. Thank you for your support!
Man you're awesome. Hat's off. That responsive trick was golden.❤️🙏
Thank you, thank you, thank you! Such a simple yet elegant solution!
This is just what I've been looking for!! Thanks for this video. You deserve a million likes and followers.
Thank you sir to help me out on the header and footer doubt. This turorial was very handy good job :)
very helpful video following on from the previous one - feeling really happy now i've finally got this sorted. You've made my day,. thank you :)
Thank you so much. My header was being cut off in mobile and I tried everything! It turns out creating separate header was the way to go¬ thanks
So helpful
i had made a desktop menu and a separate one with menu pop ups that shows up on both tablet and mobile but one the mobile it always looked so bad, the columns were vertically stacked and it was sticky so takes up 60% of the screen. Thanks for the clarification I've made a separate one for each device and its perfect now.
Thank you for this! I have been trying to figure out how to use the elementor header builder to make my tablet work but, didn't think about two separate headers!
Great work man... Thanks a lot, very helpful
Amazing stuff. I had a lot of trouble in managing header on different devices, there were alignment issues, overlapping pages. but your video made it so easy for me to set things up. thanks a ton.
Outstanding tutorial!
great video, simple explanation, lot of appreciation
Awesome video!! Thank you!
Your vedio really helps me thank you so much
You make my night amazing
Thanks man your amazing, you help me
Very knowledgeable..Thank you ❤
So helpful
Great video bro very useful to all❤❤❤.
Will you pls tell how to resize the drop-down submenus horizontal width ?
mashAllah very informative video ... step by step clear tutorial.
So helpful. You Just earn a new subscriber. Excellent job 👏 👍 👌 🙌
legend thanks
best video so far you are a god
Great keep going!!
trick is awesome thanks
Thank you so much sir.
great sir
Thanku sir great work👍
thank you so much it is very usful
Thumbs Up.. you saved me👍
you are hero gardaş
THANKS A LOT❤
thank you so much 💗🥰
how did you build the top bar with the icons and phone and email?
This is the best solution of elementor website design ❤❤❤❤ many many thanks your help full tutorial thanks ❤❤❤❤ simple but knowledgeable 😊 beginners this video is uper level solution ❤
From this way menu will appear only on the home page rest of pages have cluttered menu
Any solution
thanku soo much 😍😍
Lots of greetings bro.........
Good job
Great work sir keep it up and helping us. Thanks.
Thanks and welcome
The issue i am facing is that, my navigation panel is in the centre but after clicking it I want the dropdown to open from left side of page , but now it's opening from the middle ? Please tell me the solution of this in Wordpress?
Amazing sir👍👍👍
I am trying to rotate the device say Tablet and Mobile It does not rotate the same way as I needed.
The PC is vertical , Tab also Vertical but Mob shows horizantel they are all correct. But how about me rotate Tab and Mobile to be correct?
good work bro keep going
Nice video 👍
Elementor is not uploading to my wordpress. Other wise excellent video!
copied video From Website Learners