How to make a responsive header with Elementor

#Elementor #Tutorial #Wordpress
Watch how to do the same with Bricks Builder
• Wordpress Tutorial | B...
UI KIT:
bit.ly/untitle...
✨ Plugins:
Elementor Free: bit.ly/element...
Elementor PRO: bit.ly/element...
🖐 Theme:
Hello Theme: bit.ly/helloth...
👌 Hosting I use:
Siteground: bit.ly/sitegro...
🦄 Tools & Plugins
XDUnicorn Links: xdunicorn.com/...
💖 Templates Download:
Gumroad: gumroad.com/xd...
😁 Follow me:
Facebook group: / elementortutorial
Instagram: / aryanshirani
Dribbble: dribbble.com/A...
Behance: www.behance.ne...
Linkedin: / aryanshirani
Twitter: / xdunicorncom

[@87levirap]

Brilliant video. I was just struggling with this at work today. Gonna try working on it again tonight.

[@wppagebuilders]

Wow, this tutorial is super detailed and helpful! I love how you broke down each step of creating a responsive Elementor header using flexbox and the Untitled UI kit. The way you explained setting up the containers, widgets, and styling options made it really easy to follow along. I especially appreciated the tips on ensuring everything looks good across different devices and how to troubleshoot common issues like spacing and alignment. The final result looks fantastic! Can't wait to try this out on my own site. Thanks for sharing such an in-depth guide!

[@Joseamica777]

Thanks, but we need elementor pro to do this :(

[@mtnpfi]

Thank you for this! Really appreciate it.

[@Wpespresso]

Hey thanks a lot for commenting ❤️

[@Gsan80]

Very helpful ty!

[@Wpespresso]

Glad it was helpful!

[@busraaydn4907]

Very helpful! Thanks.

[@Wpespresso]

Glad it was helpful!

[@giulianas5285]

This was absolutely epic. Thank you so much.

[@Wpespresso]

Glad you enjoyed it!

[@Rekenexpertonline]

This tutorial was very helpful, thanks!

[@Wpespresso]

Happy to help! Thanks for sharing

[@luhk691]

Thank you so much!

[@Wpespresso]

No problem 😊👍

[@MohssineZerrad-iu6qx]

I couldn't find the template in the link😢😢

[@MarceloMarconcini]

Tks so much much man!

[@Wpespresso]

Thanks to you for the comment 😁

[@MKMankowska]

Thank you! very helpfull

[@Wpespresso]

Thanks for commenting 😁✌🏼

[@babygremlins]

Now I see that calling Elementary drag and drop desiigner is a total lie it's very complex on the button pushing and bologna and there's no way somebody without special training could even do this without watching probably dozens and dozens of videos that they actually want to find out how to make the sites specifically like they want to make it and not by just following one single video

[@Wpespresso]

Of course Elementor and in general page builders are helping us to built websites faster, before those everything was coded manually, but there is some learning curve and you need to practice to make sure a site is totally responsive and adapting to different resolution, unfortunately this is not always considered and most website has this problem. Thanks for the feedback!

[@ProDigitalNerd-tb2kg]

True af.

[@ranaprodhan248]

What minimum inch monitor do you think would be best to use for web design?????

[@Wpespresso]

I’m using a 32 inch monitor, is huge but is amazing to use for web design ☺️. I have a MacBook connected to a external 32 monitor, and works perfectly ❤️

[@ranaprodhan248]

@@Wpespresso Do you think it is possible to do web design properly with a 22 inch monitor? I have decided to use a 22 inch monitor but am a bit confused? I would appreciate it if you could clear the matter up

[@NinaZawadi]

Thanks man

[@Wpespresso]

You're welcome!

[@gaiaparolini9914]

Hi, very helpful tutorial. I have the issue that the menu is 'too long' for the column and so it displays in two rows. Of course, I don't want that as I would like everything in one row. The column where you placed the buttons I have social icons and there is so much space to potentially use. I thought I could solve the problem by change the size of the social media column and give more space to the logo + menu column, but when I go to change the size of the column nothing change. Any tips?

[@Wpespresso]

Hello, You need to change the width of the container where you have the menu, would be great if you could share an image so that I can have a look! Thanks a lot :D

[@gaiaparolini9914]

Sure! what is the best way to share the image? (:@@Wpespresso

[@Wpespresso]

​@@gaiaparolini9914 add it to Imgur and share it here, thanks

[@abdorodriguez460]

THANKS A LOT

[@Wpespresso]

No problem happy to help 😁👌

[@sabitaliz7]

thhnks

[@lettertosohan]

super appreciate!

[@Wpespresso]

Thanks for letting me know

[@Raouf_95]

thank u

[@Chat-ey1xg]

This means I must have a pro Elementor version?

[@knerduno5942]

I am not even sure what he has. I have Pro version and I am not seeing some of the items he is showing. Like the Container Widget, and at 01:05 where he says "click this arrow" does not appear there.

[@hotyeahsus8343]

You have to manualy enable containers in elementor settings @@knerduno5942

[@Wpespresso]

Correct, now is usually setted as default for new installation

[@Wpespresso]

I highly suggest the pro version as has quite a bit of limitations

[@jawadjutt-n8g]

nice

[@Wpespresso]

Thanks a lot ✌🏼🤩

[@iaihnw_lotim]

share template this please..

[@Wpespresso]

I don’t have the template I apologize

[@KaifShaikhTaufiq]

Your this video went viral but why are you making brick videos? I wanted to watch more videos like this but after this video you shifted to brick So what will come into my mind is you wont make more elementor videos So i might not subscribe Do let me know about your elementor plans

[@Wpespresso]

Hello Kaif, Thanks for commenting, I will make also elementor videos soon I’m just sharing some bricks ones this weeks as I’m using it quite a bit. Thanks a lot for your feedback I really appreciate 😉