Custom Header Menus for Mobile & Tablet - Different Headers for Different Devices
HTML-код
- Опубликовано: 25 авг 2024
- 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.co...
★ 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
★ RUclips 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 RUclips: ★☆★
SUBSCRIBE ► bit.ly/2wEfWlM
Credits: thebinaryiq.co...
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.❤️🙏
Very Good,, Best Wishes...
This is just what I've been looking for!! Thanks for this video. You deserve a million likes and followers.
Thank you, thank you, thank you! Such a simple yet elegant solution!
Your vedio really helps me thank you so much
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.
impressive video dude
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 :)
So helpful
great sir
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
Thank you sir to help me out on the header and footer doubt. This turorial was very handy good job :)
trick is awesome thanks
great video, simple explanation, lot of appreciation
Good job
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!
mashAllah very informative video ... step by step clear tutorial.
you are hero gardaş
You make my night amazing
Great work man... Thanks a lot, very helpful
Outstanding tutorial!
legend thanks
Very knowledgeable..Thank you ❤
Thanks man your amazing, you help me
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 ❤
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.
Thumbs Up.. you saved me👍
best video so far you are a god
Thanku sir great work👍
So helpful. You Just earn a new subscriber. Excellent job 👏 👍 👌 🙌
Awesome video!! Thank you!
Amazing sir👍👍👍
Nice video 👍
Thank you so much sir.
Great work sir keep it up and helping us. Thanks.
Thanks and welcome
From this way menu will appear only on the home page rest of pages have cluttered menu
Any solution
thank you so much 💗🥰
thank you so much it is very usful
Great keep going!!
Lots of greetings bro.........
Great video bro very useful to all❤❤❤.
Will you pls tell how to resize the drop-down submenus horizontal width ?
THANKS A LOT❤
thanku soo much 😍😍
good work bro keep going
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?
Elementor is not uploading to my wordpress. Other wise excellent video!
how did you build the top bar with the icons and phone and email?
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?
copied video From Website Learners