• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

virusword.com

Learn Wordpress

  • Home
  • WordPress Shop
    • Fotopress
    • SEO Tool Kit
    • Social Contact
    • Tag Machine 2
    • Video Profits
  • Latest News
  • WordPress
    • Plugins
    • Themes
    • Tutorials
    • Videos
    • Woocommerce
  • About Us
  • Contact Us
    • Terms of Service
    • Privacy Policy
  • Show Search
Hide Search
Home/Videos/How to create a Transparent Header Menu in Wordpress with Elementor Pro

How to create a Transparent Header Menu in WordPress with Elementor Pro



In this tutorial, you shall learn one of the huge trends in web design right now, which is how to create a transparent header. In this video, I shall demonstrate how you can create a transparent header menu in WordPress with Elementor Pro from scratch.

→ Software that I recommend
Elementor & Elementor Pro: http://livingwithpixels.com/elementor
Hostinger (Affordable Hosting provider): http://livingwithpixels.com/hostinger
Siteground (Premium Hosting provider): http://livingwithpixels.com/siteground
Figma (Design Software): https://livingwithpixels.com/figma
All software I recommend: https://livingwithpixels.com/links/

→ Gear that I use to create videos
My Laptop: http://livingwithpixels.com/gear/laptop
My Camera: http://livingwithpixels.com/gear/camera
My Microphone: http://livingwithpixels.com/gear/microphone
My Mouse: http://livingwithpixels.com/gear/mouse

→ Helpful for beginner
How to Install Elementor and WordPress. Watch: https://youtu.be/SKyoKk9T4g4
Elementor Beginners Tutorial. Watch: https://youtu.be/E15iQEm9KF8

Some of the above links are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn’t make all these videos without it.

source

Written by:
Abdul Wahid
Published on:
March 18, 2023

Categories: VideosTags: elementor header, elementor header menu, elementor menu, elementor pro header, elementor pro menu, elementor pro transparant header, elementor transparent, elementor transparent header, elementor transparent menu, transparent header, wordpress header, wordpress menu, wordpress menu customize, wordpress menu dropdown, wordpress menu editor, wordpress menu mobile, wordpress menu plugin, wordpress transparent header, wordpress tutorial

Reader Interactions

Comments

  1. Abhay Sonak

    March 18, 2023 at 1:23 am

    This was a very helpful video. Thank you so much.

  2. Sabrina Afrin Simi

    March 18, 2023 at 1:23 am

    That was so helpful. thanks

  3. OutlanderProduction

    March 18, 2023 at 1:23 am

    I can tell you that you are an excellent mentor. Thank you for this 😀 . I laughed too at 8:01 xD…

  4. Sakura Koyama

    March 18, 2023 at 1:23 am

    Hi, thank you for sharing this! Just want to ask if it’s possible for me to only use the transparent header for the homepage/main page. Because besides the main page, all other pages background will be white. Thank you!

  5. said soultani

    March 18, 2023 at 1:23 am

    Oh man, thank you so much ,Thank you for this video

  6. Yousef Max

    March 18, 2023 at 1:23 am

    thanks شكرا спасибо gracias

  7. Bjoern Templ

    March 18, 2023 at 1:23 am

    thank you

  8. Natalie Salander

    March 18, 2023 at 1:23 am

    Fantastic tutorial! I really appreciate you sharing this information 🙂 such a great contribution! Thank you.

  9. Kevin Frea

    March 18, 2023 at 1:23 am

    I searched for ages to find out how to do this, so thanks very much.

  10. Arif Fk

    March 18, 2023 at 1:23 am

    Thank you

  11. Michael Suyematsu

    March 18, 2023 at 1:23 am

    Thank you so much man

  12. Nicole Nixon

    March 18, 2023 at 1:23 am

    For anyone new to WordPress who wants to start creating their own websites, this guidebook will prove to be quite helpful. By using ElementsReady, the procedure will be sped up and made easier for novices.

  13. alma kisingo

    March 18, 2023 at 1:23 am

    this is amazing now i know how to create transparent header menu in WordPress using elementor

  14. Maryam

    March 18, 2023 at 1:23 am

    Hi,
    Thanks for this video now i am able to make beautiful transparent header. but I need one more thing that how can we apply this header in complete site means on every page of my site i want to show this header.
    kindly guide me if u have any solution
    Thanks

  15. Amit Singh

    March 18, 2023 at 1:23 am

    WHERE IS CSS ?

  16. László Oláh

    March 18, 2023 at 1:23 am

    Hello everyone! How to make it to overlay the background? If I'm making a menu, it is above my header image with a white background. How can I make the elements to be on each other? If add it before or after it is before or after with a white background. I've seen several pre-made templates but I can't figure out ow to make the elements overlay each other.

  17. Santiago Sánchez

    March 18, 2023 at 1:23 am

    Gracias Capo, un excelente tutorial.

  18. Ed Profacci

    March 18, 2023 at 1:23 am

    How do I add this menu to my existing site? When I refresh my page, the changes don't show on the site. I'm assuming it's not attached to my site. Thanks

  19. Sommy Increase

    March 18, 2023 at 1:23 am

    This video solved my confusions. Thanks for it

  20. Gautam Bedi

    March 18, 2023 at 1:23 am

    Very nice mate!

  21. John Oxner

    March 18, 2023 at 1:23 am

    Great video! I did what you did and I do still have a small box in white in the header. I can NOT figure out how to get ride of it. Any advise, i checked the themes setting but not finding the magic button to fix this. Thanks

  22. Salman Moosa

    March 18, 2023 at 1:23 am

    thanks i got it right

  23. Estela Riera Ramon

    March 18, 2023 at 1:23 am

    Thank you SO MUCH!!!

  24. PoorHub

    March 18, 2023 at 1:23 am

    electric instrunt for tNice tutorials? Thank you.

  25. Upstreamali

    March 18, 2023 at 1:23 am

    how did you fit the background video.Please guide about it as well.

  26. pro x&florence

    March 18, 2023 at 1:23 am

    do the instrunt samples co free with soft soft?

  27. Muhammad Nadeem

    March 18, 2023 at 1:23 am

    excellent explanation. I gained and applied. thanks a lot

  28. Aron Varga

    March 18, 2023 at 1:23 am

    bro it is awesome! what theme is this?

  29. StarSEO Ltd.

    March 18, 2023 at 1:23 am

    Elementor is crap but you have no choice.

  30. LM P

    March 18, 2023 at 1:23 am

    Thank you so much for this video , i really got what i want ! this is a really usefull video

  31. Sandro Tomic

    March 18, 2023 at 1:23 am

    Thanks mate. Helped me a lot

Primary Sidebar

Wordpress

  • Content Management Systems (2)
  • Digital Marketing (4)
  • Internet Marketing (6)
  • Latest News (458)
  • Online Business (2)
  • Plugins (519)
  • Themes (521)
  • Videos (1,350)
  • Website Development (1)
  • Woocommerce (589)
  • WordPress (6)

Recent Articles

Unlock Your Internet Marketing Success with WordPress: The Ultimate CMS for Achieving Online Goals

WordPress: A Powerhouse for Achieving Internet …

Continue Reading about Unlock Your Internet Marketing Success with WordPress: The Ultimate CMS for Achieving Online Goals

Unlock Your Internet Marketing Potential with WordPress: A Comprehensive Guide

How to Use WordPress to Achieve Your Internet …

Continue Reading about Unlock Your Internet Marketing Potential with WordPress: A Comprehensive Guide

Search our site

Explore more

Get our Wordpress Guide Get Plugins Get Connected

Footer

VirusWord by Promaps, Inc.

Barnes Place
Colombo 7, Western 00700

Copyright © 2025 · Promaps, Inc.

Keep In Touch

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter