WP Agent
WP Agent
  • 14
  • 92 231
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
Переглядів: 308

Відео

How to Add Wordpress Website to Google Search Console | Connect to GSC 2024
Переглядів 1824 місяці тому
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
Переглядів 98310 місяців тому
🚀 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
Переглядів 206Рік тому
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
Переглядів 32 тис.Рік тому
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
Переглядів 4,1 тис.Рік тому
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
Переглядів 8 тис.2 роки тому
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
Переглядів 32 тис.2 роки тому
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
Переглядів 1752 роки тому
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
Переглядів 11 тис.2 роки тому
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
Переглядів 463 роки тому
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
Переглядів 2,4 тис.3 роки тому
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
Переглядів 703 роки тому
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
Переглядів 2503 роки тому
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...

КОМЕНТАРІ

  • @potokipaul
    @potokipaul 9 днів тому

    Thank you so much man, I was stuck on how to implement this for over two hours until I came across your video. Thank youuuuuu

  • @adnanhibat
    @adnanhibat 19 днів тому

    Thank you so much!!

  • @mrhadimirza
    @mrhadimirza 24 дні тому

    Awesome

  • @developmentteam-x3u
    @developmentteam-x3u 28 днів тому

    Precise, practical explanation & It's working! Thanks Brother.

  • @vlerasaraci6309
    @vlerasaraci6309 29 днів тому

    Hi I really loved this video, but after about 15 seconds the loop is stopping and its not looping anymore, can you help me? I left the options same as the video

  • @SyedAfeefTihami
    @SyedAfeefTihami Місяць тому

    Tnx man this was a good vid (saved my 100 hours)

  • @Al3xo2309
    @Al3xo2309 Місяць тому

    I've been trying for days to do this with plain JS and CSS... It's much easier this way! Thank you so much !

  • @fabrdg
    @fabrdg Місяць тому

    Works like a charm. Thanks!

  • @keepingupwithliberianteete6971
    @keepingupwithliberianteete6971 Місяць тому

    Very helpful…thanks so much for the video.I’m using the pro version… I do see the ticker effect however after adding the custom css , it’s still not fast enough! Thought of increasing the animation speed more but don’t know if you have a better solution 😢

  • @youssef_amhil
    @youssef_amhil Місяць тому

    thanks man

  • @TRWMotiv
    @TRWMotiv 2 місяці тому

    Thank you so much!! helpful

  • @SIR-oj9bo
    @SIR-oj9bo 2 місяці тому

    Thanks a lot!!!!💛

  • @RafaelBastosCo
    @RafaelBastosCo 2 місяці тому

    Perfect, the best tutorial.

  • @rodandoporahi113
    @rodandoporahi113 2 місяці тому

    Thanks!! Works perfect!!

  • @meow-lily
    @meow-lily 3 місяці тому

    Thank you So much For the video. ❤

  • @templatetube
    @templatetube 3 місяці тому

    Thanks for the video ...

  • @larslien2485
    @larslien2485 3 місяці тому

    Great video!

  • @CyberHost_
    @CyberHost_ 3 місяці тому

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

  • @ThingsToDoInTirana
    @ThingsToDoInTirana 3 місяці тому

    coulden't fetch!! not sure what to do

  • @morsedkhan7590
    @morsedkhan7590 4 місяці тому

    Thanks man

  • @Okonam
    @Okonam 4 місяці тому

    The best tutorial so far! Thanks

  • @harukim1360
    @harukim1360 4 місяці тому

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

    • @wpagent
      @wpagent 4 місяці тому

      In the Dashboard go to Appearance > Customize > Additional CSS

    • @avarietyoffun5505
      @avarietyoffun5505 4 місяці тому

      Not work with me in apperance <customize 😢😢

  • @yehudiee
    @yehudiee 4 місяці тому

    The simplest solution out there, thanks mate!!

  • @mehdiboroumand
    @mehdiboroumand 4 місяці тому

    Thanks a lot! Your video was very helpful ❤

    • @mehdiboroumand
      @mehdiboroumand 4 місяці тому

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

  • @patrickalmuyali5441
    @patrickalmuyali5441 5 місяців тому

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

  • @AgwuChimezieNdubuisi
    @AgwuChimezieNdubuisi 5 місяців тому

    Thank you so much

  • @AgwuChimezieNdubuisi
    @AgwuChimezieNdubuisi 5 місяців тому

    Thank you so much

  • @melissa18833
    @melissa18833 5 місяців тому

    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 6 місяців тому

    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 6 місяців тому

    Thank you so much

  • @uros1884
    @uros1884 6 місяців тому

    doktoreeee

  • @sannalavender
    @sannalavender 6 місяців тому

    Very helpful. Thank you!!!

  • @nikhilgudadhe8785
    @nikhilgudadhe8785 6 місяців тому

    Awesome, thank you!

  • @lemint870
    @lemint870 6 місяців тому

    how I change text color for read less ?

  • @iChangeTradingPLC
    @iChangeTradingPLC 7 місяців тому

    Very helpful video

  • @NarioViral
    @NarioViral 7 місяців тому

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

  • @irfanalivlog4700
    @irfanalivlog4700 7 місяців тому

    nice

  • @hamzahafeezseo
    @hamzahafeezseo 7 місяців тому

    Can we add link for each logo?

  • @youssef_amhil
    @youssef_amhil 7 місяців тому

    thank you!!!!!!!!

  • @markbrainard1783
    @markbrainard1783 8 місяців тому

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

  • @ascodes3461
    @ascodes3461 8 місяців тому

    Thank you very much!!! 😍

  • @asaddoost
    @asaddoost 8 місяців тому

    Thanks Bro for the help!

  • @aburehan_malik
    @aburehan_malik 8 місяців тому

    Thanks mate ❤

  • @dsfg54
    @dsfg54 9 місяців тому

    Thank you so much that what I was looking for

  • @villasdora3766
    @villasdora3766 9 місяців тому

    Thanks from Greece.

  • @mmnoorh
    @mmnoorh 9 місяців тому

    thanks for the help!

  • @mohittekchandani4009
    @mohittekchandani4009 9 місяців тому

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

    • @wpagent
      @wpagent 9 місяців тому

      You're very welcome!

  • @leslieKnopeFan
    @leslieKnopeFan 10 місяців тому

    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 10 місяців тому

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

  • @walid_HDN
    @walid_HDN 10 місяців тому

    THANK YOU BRO

  • @shanshamas2616
    @shanshamas2616 10 місяців тому

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