WP Agent
WP Agent
  • 14
  • 81 701
How to Create Mega Menu Using Elementor Pro on Wordpress Website
Welcome to our comprehensive tutorial on creating a stunning Mega Menu using Elementor Pro on your WordPress website! In this video, we'll guide you through the step-by-step process to design and implement a highly functional and visually appealing Mega Menu like Nike that enhances your site's navigation and user experience.
In this video, you'll learn:
Introduction to Mega Menus: What they are and why they are beneficial for your website.
Creating the Mega Menu: Designing the structure of your Mega Menu.
Adding columns and sections. Incorporating titles, links, and other elements like the Nike menu.
Customizing Your Menu: Tips for styling and optimizing your Mega Menu for a seamless user experience.
By the end of this tutorial, you'll be able to create a fully customized Mega Menu that looks great and makes navigating your WordPress site easier for your visitors.
🔔 Don't forget to like, subscribe, and hit the notification bell to stay updated with our latest tutorials and tips for enhancing your WordPress website with Elementor Pro!
#ElementorPro #WordPress #MegaMenu #WordPressTutorial #ElementorTutorial #WebsiteDesign #WebDevelopment #WordPressGuide #WebDesignTips #DigitalMarketing #NavigationMenu #MegaMenuDesign #TechTutorial
zhlédnutí: 196

Video

How to Add Wordpress Website to Google Search Console | Connect to GSC 2024
zhlédnutí 133Před 2 měsíci
Welcome to our 2024 tutorial on connecting your WordPress website to Google Search Console! In this step-by-step guide, we'll walk you through the entire process, ensuring that your site is properly indexed and optimized for search engines. In this video, you'll learn: What Google Search Console is and why it's important for your website. How to create a Google Search Console account. How to ve...
Create Auto Scrolling Elementor Text Slider Using Simple Elementor Widget
zhlédnutí 556Před 8 měsíci
🚀 Welcome to WP Agent! In this comprehensive Elementor tutorial, we'll guide you through the exciting process of creating a visually stunning Elementor text slider or carousel for your WordPress website. 📝 Blog Post: For a detailed step-by-step guide and CSS code: Blog Post & CSS code: gowithblogs.com/elementor-text-slider/ Related Blog Post for Image Slider: gowithblogs.com/auto-scrolling-logo...
How to Automatically Open External Links in a New Tab on Wordpress Website Using Simple Script
zhlédnutí 184Před rokem
In this video, I will show you two methods to automatically open external links in a new tab on your website. The first method is the manual method. The second method is the automatic method, where you can add a script to your website that will open all external links in a new tab. This will save you time when creating new blogs on your website. I will demonstrate both methods and provide the n...
How to Create an Auto-Scrolling Logo Slider Carousel with Elementor and CSS
zhlédnutí 26KPřed rokem
Welcome to our tutorial on how to create a stunning Auto-Scrolling Logo Slider Carousel using Elementor and CSS! 🎉 In this step-by-step guide, we'll show you the ropes of designing an eye-catching logo slider for your website or project. 🔧 Whether you're a web designer, developer, or creative enthusiast, this tutorial will walk you through the entire process, making it easy for both beginners a...
How to Create Go Back or Previous Page Button in WordPress Elementor
zhlédnutí 3,5KPřed rokem
Learn how to enhance your WordPress Elementor website by adding a Go Back Button or Previous Page Button using a simple code snippet. This tutorial guides you step-by-step through the process of implementing this valuable functionality without any coding expertise. We'll show you how to leverage the WPCode Lite plugin to effortlessly add the button to your website. Navigating back to the previo...
How to change the Sticky Header background color on scroll without CSS in Elementor
zhlédnutí 7KPřed rokem
In this tutorial, you'll learn how to change the sticky header background color on scroll in Elementor. We'll not use any CSS or any other plugin. Will achieve this effect by using the Elementor settings. It’s very easy to achieve the sticky header background color on scroll Elementor or the sticky nav menu background color on scroll in a few easy steps. We’ll achieve this with color settings a...
How To Create Read More Button Elementor Using CSS
zhlédnutí 30KPřed rokem
Looking for a read more button Elementor or show more button Elementor WordPress? This video is to learn, how! In this video tutorial, we'll learn about creating a read more button in Elementor WordPress or show more button in Elementor WordPress using CSS. It will also have an option for Read Less Button Elementor. Copy CSS here: bit.ly/3ERclSd
Create a custom header main menu or nav menu using Elementor
zhlédnutí 154Před 2 lety
You will learn to design a custom fully responsive header or nav menu using Elementor from scratch. We will be creating two sections, the Top Bar, where will display our website tagline, and some links with icons. The next section will be the main bar, where we'll display the website logo and create a responsive nav menu for desktop and other devices. We'll create a burger menu with dropdowns f...
How to make a column sticky on page scroll in Elementor using simple CSS
zhlédnutí 11KPřed 2 lety
Making a column sticky on a page scroll is very easy to achieve with simple CSS. The Elementor has a sticky option by going into the advanced settings of the Elementor and going to motion effects, and turning on "sticky", but we face an issue because the column gets sticky for the whole page and overlaps on all the page contents. Usually, we want to make it sticky in the column of its respectiv...
How to check your Fiverr GIG Ranking | Display Buyer Requests Username on your Laptop/PC
zhlédnutí 45Před 3 lety
Hi, this tutorial is about one chrome extension that mainly has these functionalities listed below. 1) Check your Fiverr GIG Ranking You can check your Fiverr Gig ranking which is described in this tutorial 2) Check the GIGs Statistics against each Service like WordPress This is also described in this tutorial 3) Display Buyer username on Buyer Requests on Laptop/PC This is an important feature...
Fiverr HTML 5 Skill Test 2021 | Easily Pass Your HTML Test | Get All Questions Answers
zhlédnutí 2,4KPřed 3 lety
This video tutorial is about the Fiverr HTML 5 Skill Test 2021, all questions with answers are given. The test was taken on 08-March-2021. You can easily qualify for this test by looking at this tutorial. You can also enhance your Fiverr skills and improve your gig's impressions by passing this test of HTML 5 and many other tests, which are also given in my Fiverr Playlist. Please note that thi...
Fiverr English Test 2021 | Easily Pass Your English Test on Fiverr | All Questions with Answers
zhlédnutí 66Před 3 lety
This video tutorial is about the Fiverr English test 2021, all questions with answers are given. The test was taken on 04-March-2021. You can enhance your Fiverr skills and improve your gig's impressions by passing different tests on Fiverr. Please note that this tutorial is only for the learning purpose of beginners and some of the answers might not be right. #fiverr​ #englishtest #2021​ #ques...
Fiverr WordPress Skill Test 2021 | Get 9/10 Marks | All Questions/Answers
zhlédnutí 245Před 3 lety
This video tutorial is about Fiverr WordPress 5.1 skill test 2021, all questions with answers. The test was taken on 28-Feb-2021. You can enhance your Fiverr skills and improve your gigs impressions by learning WordPress 5.1 and giving tests on Fiverr with positive results. Please note that this tutorial is only for the learning purpose of WordPress 5.1 for beginners and some of the answers mig...

Komentáře

  • @TRWMotiv
    @TRWMotiv Před 8 dny

    Thank you so much!! helpful

  • @SIR-oj9bo
    @SIR-oj9bo Před 10 dny

    Thanks a lot!!!!💛

  • @RafaelBastosCo
    @RafaelBastosCo Před 11 dny

    Perfect, the best tutorial.

  • @rodandoporahi113
    @rodandoporahi113 Před 16 dny

    Thanks!! Works perfect!!

  • @meow-lily
    @meow-lily Před měsícem

    Thank you So much For the video. ❤

  • @templatetube
    @templatetube Před měsícem

    Thanks for the video ...

  • @larslien2485
    @larslien2485 Před měsícem

    Great video!

  • @CyberHost_
    @CyberHost_ Před měsícem

    Here's the code in case anyone needs it .swiper-wrapper { transition-timing-function: linear !important; }

  • @ThingsToDoInTirana
    @ThingsToDoInTirana Před 2 měsíci

    coulden't fetch!! not sure what to do

  • @morsedkhan7590
    @morsedkhan7590 Před 2 měsíci

    Thanks man

  • @Mia_Bella420
    @Mia_Bella420 Před 2 měsíci

    Please somebody help. On page load it scrolls 1 time (q logo) then it stops)

    • @wpagent
      @wpagent Před 2 měsíci

      Make sure you add CSS here 'In the Dashboard go to Appearance > Customize > Additional CSS'.

  • @Mia_Bella420
    @Mia_Bella420 Před 2 měsíci

    Why is it not working for me? 😭😭😭

    • @wpagent
      @wpagent Před 2 měsíci

      Make sure you add CSS here 'In the Dashboard go to Appearance > Customize > Additional CSS'.

  • @Okonam
    @Okonam Před 2 měsíci

    The best tutorial so far! Thanks

    • @Mia_Bella420
      @Mia_Bella420 Před 2 měsíci

      What elementor version are you using?

  • @harukim1360
    @harukim1360 Před 2 měsíci

    How can I go to the CCS page where you put the code?

    • @wpagent
      @wpagent Před 2 měsíci

      In the Dashboard go to Appearance > Customize > Additional CSS

    • @avarietyoffun5505
      @avarietyoffun5505 Před 2 měsíci

      Not work with me in apperance <customize 😢😢

  • @yehudiee
    @yehudiee Před 2 měsíci

    The simplest solution out there, thanks mate!!

  • @mehdiboroumand
    @mehdiboroumand Před 3 měsíci

    Thanks a lot! Your video was very helpful ❤

    • @Mia_Bella420
      @Mia_Bella420 Před 2 měsíci

      Why is it not working for me?

    • @mehdiboroumand
      @mehdiboroumand Před 2 měsíci

      I just rewatched the video and tested it again. Everything's working fine for me​@@Mia_Bella420

  • @patrickalmuyali5441
    @patrickalmuyali5441 Před 3 měsíci

    I rarely comment on videos on CZcams...but you deserve this. YOUR tutorial has helped me so much. Many thanks

  • @AgwuChimezieNdubuisi
    @AgwuChimezieNdubuisi Před 3 měsíci

    Thank you so much

  • @AgwuChimezieNdubuisi
    @AgwuChimezieNdubuisi Před 3 měsíci

    Thank you so much

  • @melissa18833
    @melissa18833 Před 4 měsíci

    Hey there, what if you wanted to have two rows of logos? I've tried to just duplicate it, and one scrolls perfectly, the other isnt listening to the linear css.

  • @joharnonyamnyamstyle2920
    @joharnonyamnyamstyle2920 Před 4 měsíci

    hello i would like to do in collection page, how can i do ? Because in collection page you cant edit page with elementor

  • @sanachams1931
    @sanachams1931 Před 4 měsíci

    Thank you so much

  • @uros1884
    @uros1884 Před 4 měsíci

    doktoreeee

  • @lavendersyanda
    @lavendersyanda Před 4 měsíci

    Very helpful. Thank you!!!

  • @nikhilgudadhe8785
    @nikhilgudadhe8785 Před 4 měsíci

    Awesome, thank you!

  • @lemint870
    @lemint870 Před 5 měsíci

    how I change text color for read less ?

  • @iChangeTradingPLC
    @iChangeTradingPLC Před 5 měsíci

    Very helpful video

  • @NarioViral
    @NarioViral Před 5 měsíci

    Thanks Bro, still going on like that, ur the best

  • @irfanalivlog4700
    @irfanalivlog4700 Před 5 měsíci

    nice

  • @hamzahafeezseo
    @hamzahafeezseo Před 5 měsíci

    Can we add link for each logo?

  • @youssef_amhil
    @youssef_amhil Před 5 měsíci

    thank you!!!!!!!!

  • @markbrainard1783
    @markbrainard1783 Před 6 měsíci

    Nice video. I was skeptical because I'm now using containers, but it worked just perfect. Thanks!

  • @user-hh5zh2ot8c
    @user-hh5zh2ot8c Před 6 měsíci

    Thanks Bro for the help!

  • @ascodes3461
    @ascodes3461 Před 6 měsíci

    Thank you very much!!! 😍

  • @asaddoost
    @asaddoost Před 6 měsíci

    Thanks Bro for the help!

  • @aburehan_malik
    @aburehan_malik Před 6 měsíci

    Thanks mate ❤

  • @dsfg54
    @dsfg54 Před 7 měsíci

    Thank you so much that what I was looking for

  • @villasdora3766
    @villasdora3766 Před 7 měsíci

    Thanks from Greece.

  • @mmnoorh
    @mmnoorh Před 8 měsíci

    thanks for the help!

  • @mohittekchandani4009
    @mohittekchandani4009 Před 8 měsíci

    Best Video on Carousel I have ever seen. Thank You so much

    • @wpagent
      @wpagent Před 8 měsíci

      You're very welcome!

    • @Mia_Bella420
      @Mia_Bella420 Před 2 měsíci

      @@wpagent Why is it not working for me?

  • @leslieKnopeFan
    @leslieKnopeFan Před 8 měsíci

    Hi thank you for the great video. However, I have a question. Usually when I create a wordpress page, I make a child theme. I'm working on a project now where I haven't created one. I have used Astra as a theme. My question is: If the Astra team makes updates, will this CSS code be affected?

    • @wpagent
      @wpagent Před 8 měsíci

      Thank you! Use 'theme customizer - custom CSS' section to add CSS to Astra theme.

  • @walid_HDN
    @walid_HDN Před 8 měsíci

    THANK YOU BRO

  • @shanshamas2616
    @shanshamas2616 Před 8 měsíci

    Love u brother for guiding me correct way thank you sooo much

  • @aimaanrafi
    @aimaanrafi Před 8 měsíci

    if cannot find this just use accordian

  • @user-jo4zc2mr8j
    @user-jo4zc2mr8j Před 8 měsíci

    THANK YOU

  • @niravpanchal226
    @niravpanchal226 Před 9 měsíci

    its not working in elementors letest version

  • @Jaydetailaz
    @Jaydetailaz Před 9 měsíci

    THANK YOU for the help man! I've looked all over the internet to figure this out. Only have one question which is how do I edit the code separately on mobile

    • @wpagent
      @wpagent Před 9 měsíci

      Thank you! Use Media Query for mobile devices @media screen and (max-width: 767px) { /* Here CSS for mobile */ }

  • @hawkseo
    @hawkseo Před 9 měsíci

    thank you so much!!! Works like a charm!

  • @EdsonNascimentoEN
    @EdsonNascimentoEN Před 9 měsíci

    Thanks for the tips.

  • @LeoMardini
    @LeoMardini Před 10 měsíci

    Thx Bro from 🇧🇷