How to create a Transparent Header Menu in Wordpress wit

How to create a Transparent Header Menu in Wordpress wit - MayanSEO.com, we are a White Label White Hat SEO Agency. Uploaded to the category Wordpress Design…

How to create a Transparent Header Menu in WordPress wit

How to create a Transparent Header Menu in WordPress wit

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 use
Hosting & Domain provider I use on all my websites: https://www.siteground.com/go/lwp-youtube
Elementor Free version (download link): https://elementor.com/thankyou/?ref=4590&campaign=youtube

Elementor Pro (all 3 packages have the same features, I have the $199 one): https://elementor.com/pricing/?ref=4590&campaign=youtube
The whole list of software that I recommend: https://livingwithpixels.com/links/

→ Hardware that I use for videos
Macbook Pro 13 inch:
Camera: RX100 Mark 3:
Microphone: Zoom H1:
Mini Tripod (for the mic):

→ 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.

How to create a Transparent Header Menu in WordPress wit Description

How to create a Transparent Header Menu in WordPress wit – MayanSEO.com, we are a White Label White Hat SEO Agency. Uploaded to the category WordPress Design…

How to create a Transparent Header Menu in WordPress wit Tags

Watch How to create a Transparent Header Menu in WordPress wit on YouTube

WordPress Design

 

Related Posts on MayanSEO Blog

We offer White Label SEO

Our prices start at $300 USD per month

You can reach us using the following form:

[]
1 Step 1
keyboard_arrow_leftPrevious
Nextkeyboard_arrow_right

5 Comments

  1. Gonzalo Olivari

    sticky transparent (offset top 100):

    selector.elementor-sticky–effects{

    background-color:rgba(0, 0, 0, 0.9)!important;

    }

    selector{

    transition: background-color 1.3s ease !important;

    }

    selector.elementor-sticky–effects >.elementor-container{

    min-height: 80px;

    }

    selector> .elementor-container{

    transition: min-height 1s ease !important;

    }

    Reply
  2. Ayeshah Ahmad

    Is it possible to do 2 footers? I want to do a sticky header and footer so that it is always around when you are scrolling. But then you get to the bottom, I want there to be another footer that isn't sticky and lists other kinds of information. Similar to what they have on this site: http://refusistudio.it/ . Also I noticed that not many people have any tutorials on adding audio to their website. Would love if you could do a tutorial on that!

    Reply
  3. Joe Kosoglow

    Have you created a video for Elementor Version 3.0.8 Theme Builder

    Reply
  4. Roald Kamman

    If you have a height problem, go to padding and change it to 0. Even though it's empty it's applying hidden padding… Just ridiculous and annoying. If you have padding in your CMS at least show what's currently applied instead of blank goddamn… Just wasting my time for no reason.

    Reply
  5. Jahanzeib Javed

    Hey, loved the tutorial, thank you. just one question, at 14:05 your menu and button were no longer aligned, how did you fix this?

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *