Home
Search results “Wordpress nav menu style”
Part 17 - WordPress Theme Development - Create a custom Nav Menu - Part 1
 
15:34
:: Support Me :: http://www.alecaddd.com/support-me/ How to build a Premium Theme for WordPress - Lesson 17 Create a custom Nav Menu - Part 1 GitHub Repo: https://github.com/Alecaddd/Sunset-theme Download Sunset Theme FREE: https://www.youtube.com/watch?v=ViZLtFIcSfo :: Tutorial Series :: WordPress 101 - Create a theme from scratch: https://www.youtube.com/playlist?list=PLriKzYyLb28nUFbe0Y9d-19uVkOnhYxFE Learn SASS from Scratch: https://www.youtube.com/playlist?list=PLriKzYyLb28nvORWgaD0hAbBcJUcsxy16 :: My Website :: http://www.alecaddd.com/ :: Follow me on :: Twitter: https://twitter.com/alecaddd Google+: https://plus.google.com/u/0/+AlessandroCastellani/posts Facebook: https://www.facebook.com/alecadddpage
Views: 40160 Alessandro Castellani
WordPress Navigation Menus (Theme Development)
 
16:47
My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL In this lesson we learn how to add navigation menu locations to our theme and register the menus so users can easily manage the menu links via the WordPress Admin UI. To view a complete list of the WordPress lessons in sequential order visit: http://learnwebcode.com/learn-wordpress/ Link to download .zip of theme files as shown in this video (note: this is not a "complete" WordPress theme yet and this download is only intended for educational purposes to dissect and review): http://learnwebcode.com/wordpress-theme-development-navigation-menus/ Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/ Follow me on Twitter for updates and cat pics: https://twitter.com/learnwebcode
Views: 438505 LearnWebCode
How To Customize Header Menu In WordPress?
 
07:19
How To Customize Header Menu Style In WordPress https://visualmodo.com/knowledgebase/wordpress-navigation-menu-alignment/ In this tutorial, we will show how to change your WordPress site header navigation menu style and company/site logo alignment/position.
Views: 10553 Visualmodo
Introducing Menu Widget: The Most Powerful Menu Builder For WordPress
 
01:56
The Menu widget allows you to create stunning, professional menus in minutes, without having to edit CSS. Design every aspect of the menu visually, including the menu layout, spacing, pointers, animations, and other settings. See It In Action: https://elementor.com/introducing-nav-menu
How to Create a Menu in Wordpress
 
04:56
Make Your WordPress Website in 10 Mins ➜ https://youtu.be/YWA-xbsJrVg Watch How you can Add a Menu in WordPress, (including creating a Drop-Down Menu) Menus in WordPress are a great navigation tool which allows users to freely browse through the content of your website without any confusion. WordPress menus are essential in development of a website which provides structure to your website by arranging the content in an organized manner. Now, in our previous video, you learned - How to Make a Website in 10 minutes. Now, let’s see, How you can change the Menu of that WordPress Website. To do this, you can follow these 3 steps (with timestamps) 1. Delete Existing Menu ( 00:40 ) 2. Adding a New Menu ( 01:05) 3. Creating A Drop-Down Menu ( 03: 49) Let’s get started. Step 1: Delete Existing Menu To delete the existing Menu, First go to your WordPress Dashboard and then click the ‘Customize’ option. Under Customize, Select ‘Menus’ Here, you’ll find that there is already a Menu called “Top Navigation”. So, when you click this Menu, you’ll see the items that is there in it. Now, this menu can be deleted by clicking the ‘Delete Menu’ button at the bottom part of the screen. Once done, the Menu will be removed. Step 2: Add a New Menu Now to Create a New Menu, First Click ‘Create New Menu’ button. Next, you need to give a name of your choice for the new menu. For example, you can enter the name as ‘Top Menu’ and once done, you need to choose where the Menu should appear on your website. Based on the WordPress theme you’re using, you can place the Menu on different areas of your website. Each theme will provide different options on where the Menu can be placed. Example: With the Astra theme, we’re using, it shows primary and secondary menu. So, if you select the Primary Menu then it will place the menu on the top right corner of your website. After choosing, you can click ‘Next’. Then, you can start adding items to the Menu. Here, you’ll find the pages section where all the pages that you’ve in your website will be shown. Now, If you want to see the pages and its content, you can go to your WordPress Dashboard and Click ‘Pages’. So, the pages which you see here will be shown in your menu items. So, To add the pages to the Menu, Press the ‘Add Symbol’ and the page will be added to the Menu. Similarly, you can add the other pages also. After you’ve added the items, you’ll be able to see your menu. Now, you can change the order of the menu items by dragging an item and placing it where you want. Doing this will change the order of the menu items. So Next, let’s see how you can add a brand new page to the menu which is not on your site yet. So, to add a brand new page to the menu, all you need to do is, enter the name of the page you want to create and then click ‘add’ to get it into the menu. After adding, You can now click ‘publish’ to see your NEW MENU. However, since you’ve created a new page, it will be blank by default. So, You can later add the content to this new page by clicking ‘Edit’ option in Pages. Step 3: Create Drop down Menu Here, let’s see how you can create a drop down Menu. Drop Menu is a very effective way to categorize the content and showcase them independently. A drop down menu can be easily created by just dragging an item in the Menu and putting it below another item. After doing this, you can see that you have a drop down menu created. Repeat the same process whenever you want to create various drop down menu. So now you know how you can add the pages you’ve created to your drop down menu. That’s it! This is how easily you can Create A New Menu or Create Drop down Menu in WordPress. Get a Free Business Email Address ➜ https://youtu.be/xAw57WUPY2w Watch more tutorials, by going to our channel ➜ https://youtube.com/websitelearners Also, Like, Share & Comment. [It encourages us to make more tutorials like this one!] And Subscribe to Website Learners : https://goo.gl/SBC2zU Thank you :)
Views: 115791 Website Learners
How to Use Elementor's Nav Menu Widget to Design WordPress Menus
 
07:32
In this video, you will learn how to use Elementor's Nav Menu widget to customize WordPress menus. Change colors of the menu items, create mobile menus, customize the submenu and other important points you should know about this highly customizable widget. Get Elementor Pro with Nav Menu Widget: https://elementor.com/pro
WordPress 101 - Part 14: Edit the menu with the Walker Class - Part 1
 
30:24
fourteenth lesson of the series WordPress 101 for Beginner Developers, Edit the menu with the Walker Class - Part 1. Learn how to build a Theme from scratch, create the folder and the necessary files to install and activate a custom theme. This tutorials are meant to be a starter help for developers who never used WordPress before and want to learn how to code themes and plugins without using pre-coded assets. GitHub Repository: https://github.com/Alecaddd/WordPress101 1st Part: https://www.youtube.com/watch?v=oTRZYnYQlmo 2nd Part: https://www.youtube.com/watch?v=NF6r3Ejpris 3rd Part: https://www.youtube.com/watch?v=Sz0z-Gyp3nA 4th Part: https://www.youtube.com/watch?v=pJ4NTBdvyj4 5th Part: https://www.youtube.com/watch?v=aUxDz7vXilQ 6th Part: https://www.youtube.com/watch?v=ghmdq1hEm14 7th Part: https://www.youtube.com/watch?v=ut5b0gSpV1w 8th Part: https://www.youtube.com/watch?v=aSXitOevqA0 9th Part: https://www.youtube.com/watch?v=GA--ROatgYM 10th Part: https://www.youtube.com/watch?v=e8nJMopiH2Q 11th Part: https://www.youtube.com/watch?v=CUefAciz5m8 12th Part: https://www.youtube.com/watch?v=8Hn3k6Zsp9g 13th: https://www.youtube.com/watch?v=xEA2zviCakw Tutorial Page: http://www.alecaddd.com/wordpress-101-wordpress-beginner-developers/ http://www.alecaddd.com/
Views: 39778 Alessandro Castellani
Part 18 - WordPress Theme Development - Create a custom Nav Menu - Part 2
 
27:52
:: Support Me :: http://www.alecaddd.com/support-me/ How to build a Premium Theme for WordPress - Lesson 18 Create a custom Nav Menu - Part 2 GitHub Repo: https://github.com/Alecaddd/Sunset-theme Download Sunset Theme FREE: https://www.youtube.com/watch?v=ViZLtFIcSfo :: Tutorial Series :: WordPress 101 - Create a theme from scratch: https://www.youtube.com/playlist?list=PLriKzYyLb28nUFbe0Y9d-19uVkOnhYxFE Learn SASS from Scratch: https://www.youtube.com/playlist?list=PLriKzYyLb28nvORWgaD0hAbBcJUcsxy16 :: My Website :: http://www.alecaddd.com/ :: Follow me on :: Twitter: https://twitter.com/alecaddd Google+: https://plus.google.com/u/0/+AlessandroCastellani/posts Facebook: https://www.facebook.com/alecadddpage
Views: 17887 Alessandro Castellani
How To Create A Cool Menu For Your WordPress Site
 
12:19
In this video I will show you how to create an awesome menu for you WordPress website using SUPERFLY. You don't need to know how to code! :) Download the Superfly plugin: http://superfly.looks-awesome.com/ Music by: Nicolai Heidlas Music - HAWAIIAN WINTER https://soundcloud.com/nicolai-heidlas
Views: 38818 iEatWebsites
One Page WordPress Smooth Scrolling Menu - How to Use Page Scroll to ID Plugin 2017
 
07:27
In this tutorial I’ll show you how to add a one page smooth scrolling menu with the Page Scroll to ID Plugin ***** Download the list of my Top 10 Plugins of All Time here: http://bit.ly/JaksonTop10 ***** One Page WordPress Websites are all the rage and are prefect for smaller sites to get the message across in an elegant way, and adding a scroll menu as the navigation is a great way to let the users smoothly navigate to the seciotns they want to look at. Adding menu scrolling to a one page WordPress site is easy with the magnificent Page Scroll to ID Plugin - quick and easy to install and set up! Download from the Reop here: https://wordpress.org/plugins/page-scroll-to-id/ Lets Make some WordPress! Jakson Go ahead and subscribe if you fancy: https://www.youtube.com/channel/UCBdd24j_O7D5C4oraWnKrwg?sub_confirmation=1 And check us out over at: http://jakson.co/
Views: 77364 JAKSON
Adding Custom CSS Classes To WordPress Menu Items
 
00:56
Just a quick video guide for enabling the CSS class field when adding or editing menu items in WordPress. Visit us at: http://www.wpexplorer.com
Views: 18297 AJ Clarke
Oxygen's WordPress Menu Element: Styling, Responsive, Dropdowns
 
10:11
Subscribe for new tutorials and how-to vids ► https://oxygenbuilder.com/ytsubscribe JOIN THE OXYGEN FACEBOOK GROUP FOR HELP & SECRET INFO ► https://oxygenbuilder.com/facebook The Facebook group is the fastest way to get help with Oxygen. Talk with thousands of Oxygen users, designers, developers, and WordPress experts. It's also where to get sneak previews of what's coming to future version of Oxygen and download alpha/beta versions. Get the Oxygen visual site builder for WordPress ► https://oxygenbuilder.com/ Twitter ► https://twitter.com/RealOxygenApp Blog ► https://oxygenbuilder.com/blog
Views: 4445 Oxygen
Responsive Wordpress Theme Tutorial - Part 5 - Dropdown Navigation Menu
 
23:14
We continue to work on our navigation menu. In this part we create a dropdown menu from the wp_nav_menu using only CSS. Check out the code and download the source files: http://www.awfulmedia.com/wordpress-video-series Music by Dano at Danosongs.com What's this series about? In this series we are going to create a custom Wordpress theme from scratch. We will learn how to create Wordpress themes, use advanced features such as: custom post types, custom fields and meta data. We will be focusing our theme on a site based on a site like Kongregate.com or Armorgames.com. Links --------- Skeleton: http://www.getskeleton.com/ WAMP: http://www.wampserver.com/en/ Wordpress: http://www.wordpress.org/ Website: http://www.awfulmedia.com Twitter: https://www.twitter.com/AwfulMedia
Views: 60273 GameGrind
How to Create Your Own Custom Header with Elementor
 
18:30
*NOTE:* You can now create your own custom headers if you have Elementor Pro. No need for a 3rd party plugin. *ALSO:* if you use Elementor Pro, you now don't need the Nav Menu Addon plugin anymore. Pro comes with its own Nav Menu widget. --- RESOURCES MENTIONED: - Grab my free PDF cheatsheet for Elementor headers: https://www.designbuildweb.co/custom-header/ - Join my mailing list for updates: https://www.designbuildweb.co/my-best-stuff/ - GeneratePress [aff]: https://www.designbuildweb.co/recommends/generatepress/ - Elementor [aff]: https://www.designbuildweb.co/recommends/elementor/ - OceanWP: https://oceanwp.org/ - My Custom Footer video: https://www.youtube.com/watch?v=0K90uuMukJU - My Nested Sections video: https://www.youtube.com/watch?v=GFebkLuIh7g - NavMenu Addon plugin: https://wordpress.org/plugins/navmenu-addon-for-elementor/ - GP nav menu shortcode plugin: https://www.facebook.com/groups/generatepress/files/ - Sniffle Valve: http://snifflevalve.com/ - Header Footer Elementor plugin: https://wordpress.org/plugins/header-footer-elementor/ - AnyWhere Elementor (free): https://wordpress.org/plugins/anywhere-elementor/ - AnyWhere Elementor Pro (paid): http://www.elementoraddons.com/anywhere-elementor-pro/ - GP Extender: https://cobaltapps.com/downloads/gp-extender-plugin/ You might already know that Elementor is an amazing WordPress page builder. It allows non-coder designers like yourself to build 100% custom-designed WordPress pages, exactly as you want them. It’s really visual, and it’s drag-n-drop. It works in the way designers think, with no code required (hurray!) But if you’re like many designers, once you’ve used Elementor for a while, you might soon find yourself thinking: “Hmmm… my theme still handles my header – my logo and navigation area. I wonder if I can use Elementor to design my website header as well?” The good news is… yes, you definitely can use Elementor to build your own custom header. It will completely replace the one that comes with your WordPress theme. However, there are also a number of different considerations to bear in mind. In today’s video, I’ll dig right in and show you: - Exactly how to build a header template with Elementor. - The various tools and plugins available that make building your own headers possible. - Step-by-step instructions for adding the header template to your site and replacing your theme’s own header. - 5 important considerations or possible trade-offs to bear in mind. Please leave me a comment and subscribe for more WordPress and Elementor tutorial videos like this.
WordPress Theme Development: Creating Custom Walker Nav Menus
 
31:11
Hey, guys! What's going on over there? This is Kimsea from basicblogtalk.com. Welcome to lesson 4 or 3.1 of the WordPress development for beginners. This tutorial will teach you how to create Extends Walker Nav Menu to customize custom menus of your WordPress theme. ...but before I'm going to show you how to work with it, please lets me review the previous lesson and its issue. Last week, in the previous lesson, you've learnt how to register the navigation menus. I used register_nav_menus to create menu manager for the backend users. Also, the wp_nav_menu to display the menus where you want it to appear. At the meantime, I used some arguments of the wp_nav_menu to integrate the menus with bootstrap 3. As you can see, we've built 2 beautiful navigation menus in the frontend page of theme. There is a problem, however, when I try to create child menu or submenu in the current displayed menus. The bootstrap framwork didn't regconize the submenu items of the WordPress HTML classes. So, It made the navigation menus look pretty bad... And the most terrible is, we cannot fix the problem using the wp_nav_menu function. It's the reason I come up with today tutorial: How to Create Extends Walker Nav Menu. In the video, I will reveal how to make three walker classes for 3 different menu locations. So after finished the tutorial, you will be able to create some kind of these beautiful custom menus: 1) The dropdown menu on the top of your WordPress theme 2) The dropup menu at the buttom of the fotter of your theme 3) The popup overlap menu which appear when your clicked on the menu button There we go then... The resources for lesson 4 of the WordPress Development for Beginners. 1) WordPress Codex Refferences: https://codex.wordpress.org/Class_Reference/Walker 2) Understanding The Walker Class of WordPress https://code.tutsplus.com/tutorials/understanding-the-walker-class--wp-25401 https://github.com/davidwickman/extending-walker-child-only 3) Improve your WordPress Navigation Menu Output http://www.kriesi.at/archives/improve-your-wordpress-navigation-menu-output 4) Bootstrap Walker Nav Menu Class https://github.com/twittem/wp-bootstrap-navwalker ================================================================= Follow on social profiles ================================================================== Facebook: https://facebook.com/kimseasok.writer Twitter: https://twitter.com/kimseasok LinkedIn: https://linkedin.com/in/kimseasok Subscribe this YouTube channel for upcoming lesson: Hashtags for the course: #KimseaSok #WordPressDevelopmenForBeginner #WordPressThemeDevelopment #PHPWordPress #FreeWordPressDevelopmentCourse
Views: 6922 Kim Official Channel
Wordpress Menu Options and Wordpress Menu Plugins [2015]
 
04:02
Get the most out of your Wordpress website – http://wplightbulb.com/course If you‘re searching for a wordpress menu plugin – you may not really need one. In this video I will show you the things you can do without plugins. And then I will show you a few free plugins with nice features, based on what people are searching online. If you want a wordpress dropdown menu you don‘t need a plugin for that. I‘ll show you how to do it without installing anything. If you want a responsive menu – I am showing you a plugin available for free download. If you want a vertical menu – I will show you two good plugins. If you need anything else, write in the comments below and I will try to help you.
Views: 40398 WP LightBulb
How To Change Color Of One Menu Item: Genesis / WordPress
 
16:52
http://katrinah.com How to change the color of ONE menu item in your Genesis child theme in WordPress? In this video, learn how to change the style of one menu item in your Genesis child theme. This type of customization can often come in handy when you want a menu item to stand out from the rest, perhaps when using menu items as a call to action. In this video we'll be working with the Executive Pro Genesis child theme. To learn how to create this website step-by-step from scratch, check out my other video tutorial here: https://www.youtube.com/watch?v=4BXWD1BQp_k The Genesis Framework by StudioPress is used by leading bloggers, media producers, developers, and content marketers across the web. Genesis features state-of-the-art code that is optimized for search engines and recognized for increasing speed of websites (thanks to its clean code). Also, Genesis is coded to adhere to the latest WordPress security standards. This is an amazing, professional framework to use for your WordPress website. ******************** GET GENESIS AT STUDIOPRESS: http://katrinah.com/go/studiopress *affiliate link, thank you for your support ******************** WEB HOSTING DISCOUNT % http://katrinah.com/hostgator In this video I'm using Hostgator for my web hosting. And ... good news! Hostgator is providing all my lovely subscribers with an exclusive 30% discount on web hosting (thank you, Hostgator!). If you decide to use Hostgator, be sure to use my special coupon to receive a 30% discount.. There are TWO coupons. Choose the one that works best for you! ******************** http://katrinah.com/hostgator COUPON CODE #1: The coupon code is: WPCOUPON25 COUPON CODE #2: The coupon code is: THANKYOU (Yes, "thankyou" is the coupon code.) http://katrinah.com/hostgator Enjoy! ******************** *Note: I do receive a small referral commission if you sign up with Hostgator. Thanks in advance for helping to support these free training videos. I use Hostgator for my own site and only recommend services I trust. ******************** Did you enjoy this video? If so, please "like", comment and subscribe! : ) Let's stay connected: Twitter: http://twitter.com/katrinah Facebook: http://facebook.com/katrinahdotcom ========================================­============= **Click Below to SUBSCRIBE to more videos: youtube.com/subscription_center?add_user=77webstudio ========================================­=============
Views: 56481 katrinah
Change Menu Font in WordPress (just the menu)
 
05:43
How to change only the menu font in WordPress navigation menus. Modify your menu font and choose any font using right-click Inspect Element and some custom css. Thank you guys, keep your questions comin! The Site Origin CSS method: https://goo.gl/WWbcSe Using Google fonts: https://goo.gl/3kcn8d
Views: 17233 Greg Narayan
Bootstrap to WordPress Conversion Part 3 | Navigation Menu
 
11:32
In this tutorial I will show you how to convert a simple Bootstrap template into a WordPress theme. This is part 3 and in this part we will create a Bootstrap Navigation Menu that will work in WordPress. You will be able to manage the menu from the WordPress dashboard. We will create a functions.php file. http://www.wpbasics.org Nav Walker https://github.com/wp-bootstrap/wp-bootstrap-navwalker https://github.com/WPbasics/Bootstrap-to-WordPress-Conversion-Part-3
Views: 6854 WP basics
WordPress:-Changing the Color of Navigation Bar / MenuBar
 
11:47
In This tutorial we will change the color of navigation bar in WordPress.. i 'm using theme vantage for demo. But the Same Way You Can Track the Css of Other Themes too and Change the Color of Navigation Bar . http://www.ritusachdev.com
Views: 56777 Ritu Sachdev
10 - Change & Rearrange WordPress Navigation Menu
 
01:17
Learn how to edit, change and rearrange your WordPress navigation menu.
Views: 14599 Tyler Moore
How to Customize the Menu Bar in Wordpress
 
07:54
How to easily customize your menu or navigation bar in Wordpress To learn more about how to set up your Wordpress blog and get started like a pro, check out my tutorial. http://getbusylivingblog.com/how-to-set-up-a-self-hosted-wordpress-blog-and-get-started-like-a-pro
Views: 28404 Benny Hsu
How to Add Title Attribute in WordPress Navigation Menus
 
01:23
Adding something simple such as the title attribute to the menu can seem confusing but we will show you how to add it in this video. The title attribute allows you to provide extra information about a link. It will show a tooltip text when someone hovers over the link. Text version of this tutorial: http://www.wpbeginner.com/wp-tutorials/how-to-add-title-attribute-in-wordpress-navigation-menus If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos. Check us out on Facebook: https://www.facebook.com/wpbeginner Follow us on Twitter: http://twitter.com/wpbeginner Join our circle on Google+: https://plus.google.com/+wpbeginner/ Checkout our website for more WordPress Tutorials http://www.wpbeginner.com/ Summary of this tutorial: You would want to go under Appearance, Menus and in the top right there is a section called Screen Options. It will bring down a menu where you can check the box for Title Attribute. With that enabled you would go under each option and there will be a new field for Title Attribute. This will allow you to add the text you want as the title attribute and do so for all the items in your menu.
How to Add Image Icons With Navigation Menus in WordPress
 
05:11
Do you want to add image icons to your WordPress navigation menu? This can help with the design and style of your menus for your users to understand them better. In this video, we will show you how to add image icons with your WordPress navigation menus. The code we use for the second method can be found here: https://www.wpbeginner.com/plugins/how-to-add-image-icons-with-navigation-menus-in-wordpress/ For the first method, we will be showing you we will be using the plugin "Menu Image" found here: https://wordpress.org/plugins/menu-image/ With the plugin installed and activated, you can go under Appearance, Menus and edit or create a menu for your site. Under each menu item, you will now have the option to set a menu image and an image on hover. You also have the option to decide where the image appears and the size of the image. The second option will be manually adding the CSS to add the images to your menu icons. Start by using the screen options in your menu editor to display the CSS Classes. In the CSS Classes, you will want to add unique identifiers to each of your menu items for the code to choose from. With that set up with your images, you would add the CSS code from our article and change the name to the menu icon you want it to be. Text version of this tutorial https://www.wpbeginner.com/plugins/how-to-add-image-icons-with-navigation-menus-in-wordpress/ If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos. https://www.youtube.com/subscription_center?add_user=wpbeginner Check us out on Facebook https://www.facebook.com/wpbeginner Follow us on Twitter http://twitter.com/wpbeginner Check out our website for more WordPress Tutorials http://www.wpbeginner.com
How To Setup Wordpress Menu Navigation With Enfold
 
16:35
Buy Enfold Here: http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=sethriley Enfold Video Series: http://whitehatmastermind.com/category/enfold-series/ In this tutorial you will learn how to setup Wordpress navigation with the Enfold Wordpress theme. Keep in mind, navigation training in this tutorial can be implemented with most Wordpress themes. See Full Article: http://whitehatmastermind.com/how-to-setup-wordpress-menu-navigation-with-enfold/ Enfold Video Series: http://whitehatmastermind.com/category/enfold-series/ Buy Enfold Here: http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=sethriley
Views: 10463 Seth Riley
Page Specific Menus - Conditional Menus WordPress Tutorial 2017
 
06:17
It happens, you need a different menu on a different page on your WordPress Website. Well, you can have Page Specific Menus quite easily with a WordPress Plugin. ***** Download the EBook Guide to my Top 10 Plugins of All Time here: http://bit.ly/JaksonTop10 ***** In this Tutorial I’ll show you how with a great plugin calked, strangely enough, “Conditional Menus”, and it works alike a charm. The Plugin is on the WordPress Plugin Directory here: https://wordpress.org/plugins/conditional-menus/ Lets Make some WordPress! Jakson The authors, Themify, are here: https://themify.me Go ahead and subscribe to the Jakson Channel if you fancy: https://www.youtube.com/channel/UCBdd24j_O7D5C4oraWnKrwg?sub_confirmation=1 And check us out over at: http://jakson.co/
Views: 40784 JAKSON
How To Link Your Pages To Your Navigation Menu On WordPress
 
04:48
For more Divi related videos you can go here: http://alliemcadam.com/category/divi/ Get the Divi theme (affiliate link): http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=32047 In This Video We Cover: - How to create a new page in your WordPress website - How to link the page to your navigation menu - & How to add your menu to your website front end.
Views: 44993 Allie McAdam
How to Create Transparent Drop Down Navigation Menu with CSS and HTML
 
12:02
Hey guys, I'm now using Patreon to share improved and updated video lesson material. For a small fee you can access all the downloadable files from this lesson (source code, icons & graphics, cheat sheets) and everything else included in the video from the Patreon page. Additionally, you will get access to ALL Clever Techie videos in HD format with no ads. Thank you so much for supporting Clever Techie :) Download this video's files here: https://www.patreon.com/posts/inserting-data-20819049 ( You also get access to ALL source code and any downloadable content of ALL Clever Techie videos, as well as access to ALL videos in HD 1080p quality format with all video ads removed! ) `````````````````````````````````````````````````````````````````````````````````````````````` ( Website ) https://clevertechie.com - PHP, JavaScript, Wordpress, CSS, and HTML tutorials in video and text format with cool looking graphics and diagrams. ( YouTube Channel ) https://www.youtube.com/c/CleverTechieTube ( Google Plus ) https://goo.gl/J71p6f - clever techie video tutorials. ( Facebook ) https://www.facebook.com/CleverTechie/ ( Twitter ) https://twitter.com/theclevertechie
Views: 872508 Clever Techie
Best WordPress Off-Canvas Menu Plugin for 2018
 
10:07
8Degree Fly Menu – Responsive Off-Canvas Menu Plugin for WordPress is a Premium WordPress Plugin by 8Degree Themes that allows you to add an off canvas menu to style your site with easy information and quick navigation. 8Degree Fly Menu makes use of the default WordPress menu function to create menus. You can add additional elements to the default menu items such as menu icons, menu taglines (short description), a pseudo grouping header and a long description. We have provided you with a WYSIWYG editor for your long description, so you can add almost anything here including shortcodes. Add header content and footer content to the menu or replace the entire menu with just quick information on the fly. Plugin Demo Link - http://8degreethemes.com/demo/plugins/eight-degree-fly-menu/ Plugin Documentation Link - https://8degreethemes.com/documentation/eight-degree-fly-menu/ Plugin Purchase Link - https://8degreethemes.com/wordpress-plugins/eight-degree-fly-menu/ Plugin Support Link - https://codecanyon.net/item/8-degree-fly-menu-responsive-offcanvas-menu-plugin-for-wordpress/20428951/comments ----------------------------------- AND IF THIS VIDEO HAS IMPRESSED YOU, THEN YOU WOULD ENJOY OUR OTHER PROJECTS TOO. DO CHECK THESE OUT : WPAll Club https://wpall.club/ A complete WordPress resources club. WordPress tutorials, blogs, curated free and premium themes and plugins, WordPress deals, offers, hosting info and more. Premium WordPress Themes https://themeforest.net/user/accesskeys/portfolio 6 premium WordPress themes well suited for all sort of websites. Professional, well coded and highly configurable themes for you. Premium WordPress Plugins https://codecanyon.net/user/accesskeys/portfolio?Ref=AccessKeys 45+ premium WordPress plugins of many different types. High user ratings, great quality and best sellers in CodeCanyon marketplace. AccessPress Themes https://accesspressthemes.com/ AccessPress Themes has 50+ beautiful and elegant, fully responsive, multipurpose themes to meet your need for free and commercial basis. 8Degree Themes https://8degreethemes.com/ 8Degree Themes offers 15+ free WordPress themes and 16+ premium WordPress themes carefully crafted with creativity.
Make WordPress Split Menus Using WP Nav Plus
 
04:03
WP Nav Plus adds powerful new features to the WordPress menu system. In this video we will use WP Nav Plus to create a 'split menu' by specifying the start depth. https://wordpress.org/plugins/wp-nav-plus/
Views: 4791 Matt Keys
Customize your Navigation in Slider Revolution 5 for Wordpress
 
11:05
Learn how to get creative with Slider Revolution 5's Navigation tools. We guide you through the process of editing and customizing your slider navigation. Learn how to create multiple methods of navigation and how you can enable or disable various methods based upon the users screen size. Free tutorials for Wordpress, Slider Revolution and Visual Composer. New tutorials added every Wednesday. Take your Wordpress website and skills to the next level! PURCHASE SLIDER REVOLUTION 5 http://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380?s_phrase=slider+revolution&s_rank=2&ref=Psmeg (This link is an affiliate link, which means that if you click on the link above, I'll receive a small commission) SUBSCRIBE https://www.youtube.com/channel/UCiTDv6q1XYwZnAm2EYN8wKw LETS CONNECT: https://twitter.com/WPTutz SUPPORT: Our website offers additional information and perks. Please check it out! http://wptuts.co.uk -~-~~-~~~-~~-~- Speed Up Your Wordpress Website in 30 Seconds or Less!! https://www.youtube.com/watch?v=9pLbCFHzWyE -~-~~-~~~-~~-~-
Views: 9692 WPTuts
Sydney WordPress Theme - Header Slider & Nav Menu
 
09:18
Watch the first Sydney setup guide here https://www.youtube.com/watch?v=WunY-MecLx4
Views: 50232 Greg Narayan
How to target a WordPress menu item with CSS
 
03:23
This shows you how to apply CSS styles and classes to a specific item in a WordPress menu
How To Create Custom Headers & Footers With Elementor For WordPress With This Tutorial
 
18:18
Learn how to create amazing custom headers/footers for Elementor using their newly released nav menu widget. Here are the links to everything from the video: Elementor: https://www.wpcrafter.com/elementor-page-builder Astra: https://www.wpcrafter.com/astra GeneratePress: https://www.wpcrafter.com/generatepress OceanWP: https://www.wpcrafter.com/oceanwp Plugin: https://wordpress.org/plugins/header-footer-elementor/ For your developer: https://github.com/Nikschavan/header-footer-elementor/wiki/Adding-Header-Footer-Elementor-support-for-your-theme ~~~~~~~~~~~~~~~~~~~~~ All of my opinions in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is an affiliate program available, it's safe to assume that you are clicking on an affiliate link. Please check my website for any associated bonus I may be offering, for supporting me, or ask in the comments below. ~~~~~~~~~~~~~~~~~~~~~ How To Create Custom Headers & Footers With Elementor For WordPress With This Tutorial
How to Create a Mobile Ready Responsive WordPress Menu
 
02:07
Do you want a mobile friendly menu for your WordPress site? Mobile users are getting more popular as time goes on and a mobile responsive menu makes it easier to navigate your site. In this video, we will show you how to easily create a mobile-ready responsive menu. Text version of this tutorial: http://www.wpbeginner.com/wp-themes/how-to-create-a-mobile-ready-responsive-wordpress-menu/ If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos. Check us out on Facebook: https://www.facebook.com/wpbeginner Follow us on Twitter: http://twitter.com/wpbeginner Join our circle on Google+: https://plus.google.com/+wpbeginner/ Checkout our website for more WordPress Tutorials http://www.wpbeginner.com/ Summary of this tutorial: The first method would be to install and activate the Responsive Menu plugin: https://wordpress.org/plugins/responsive-menu/ Once activated the plugin will add a new menu item labeled Responsive menu to your WordPress admin bar that you should click. Select the screen width when the menu should appear on your site, 800 the default is good for most sites. After that select the menu you want to show, you can create a menu under Appearance, Menus. A second method would be to install and activate the Responsive Select Menu plugin: https://wordpress.org/plugins/responsive-select-menu/ Once activated you need to visit Appearance, Responsive Select to configure the plugin settings. Scroll down to 'Activate theme locations' to modify where the menu is active. If neither of those options are what you are wanting we have a method to do this through coding on our written article.
How to Add a Mega Menu on Your WordPress Site
 
03:58
Looking to add a mega menu to your WordPress site? Mega menus allow you to add multi-column drop-down menus to your navigation with media items such as images and videos. In this video, we will show you how to add a mega menu to your WordPress site. Mega Menus are helpful for sites that have a massive amount of content and are designed to show more content in the top menu. WordPress navigation menus by default let you add drop-down submenus and image icons but can take up a large amount of space. A mega menu allows you to bulk add items to your menu. For this tutorial we will be using the plugin Max Mega Menu found here: https://wordpress.org/plugins/megamenu/ With the plugin installed and activated you will want to go to the Mega Menu section to go to the plugin's settings. The default settings for most should work but you will normally need to update the colors of the menu. To do that you will go to Menu Themes, Menu Bar, and find the menu background settings. You can use inspect element to determine the color of your current menu. If you do not know how to use Inspect element, we cover how to in our article: http://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/ Don't forget to save your changes to your Mega Menu settings and go to Appearance, Menus. Add some top-level menu items as you would normally add to your menu then click on the mega menu button that appears when you hover over a menu item. This will cause a new popup for editing the mega menu specific options. In here you can add any WordPress widget that you would like to appear in your menu area. To modify the settings for a specific widget you would want to click the wrench icon in the top right of each widget. Text version of this tutorial http://www.wpbeginner.com/plugins/how-to-add-a-mega-menu-on-your-wordpress-site-step-by-step/ If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos. Check us out on Facebook https://www.facebook.com/wpbeginner Follow us on Twitter http://twitter.com/wpbeginner Check out our website for more WordPress Tutorials http://www.wpbeginner.com
The ultimate Wordpress menu tutorial (2017)
 
07:16
Welcome to the ultimate Wordpress menu tutorial. A lot of people that get started in Wordpress find the menu structure fairly confusing at first. Fortunately, the Wordpress menu structure is actually pretty simply, as you will quickly learn in this tutorial. Once you understand the heirarchy and how everything works then you will be able to create Wordpress menus like a champion for the rest of your life. In this tutorial we cover: How to find the Wordpress menu options How to choose what goes in your menu What a submenu or secondary menu is How to create your heirachy so it makes sense to your users How to structure your menu so people can navigate your site We do it all live so you can watch exactly what we are doing. We also recommend some great Wordpress menu plugins that can help you create menus that look exactly like those you see on some of the world's biggest sites. Watch this tutorial if you are ready to understand everything there is to know about Wordpress menus.
Views: 49731 Buildapreneur
edit css menu in wordpress
 
07:46
http://a1websitepro.com edit css menu in wordpress
Views: 8589 Maximus McCullough
Change Navigation Bar Font Style - WordPress Custom Menu
 
02:26
In this navigation bar tutorial you will learn, how to change navigation bar font style and change navigation bar color. DOWNLOAD SEO PRESSOR V5, MOST HIGHLY RATED WORDPRESS SEO PLUGIN: http://www.seo-pressor.net Below Is The CSS Code: ================== #access a { color: red; font-size: 20px; font-family: comic sans ms; display: block; line-height: 3.333em; padding-bottom: 0; padding-left: 1.2125em; padding-right: 1.2125em; padding-top: 0; text-decoration: none; }
Views: 26795 weeklytips2011
Filtering WordPress Nav Menu Classes
 
04:22
Learn a bit about adding custom classes to a WordPress menu.
Views: 1605 Curtis McHale
WordPress Custom Walker Menu
 
05:35
http://www.twitter.com/Nick_Meagher http://www.icepick.co
Views: 16437 Nick Meagher
How to add, edit, remove navigation menu items in Wordpress
 
02:12
In this Free Custom Website tutorial, we show you How to add, edit, remove navigation menu items in Wordpress www.freecustomwebsite.com We design it for free, you just pay hosting!
Views: 40013 FreeCustomWebsite.com
How to Customize the Top Header in Divi
 
18:43
View the CSS, links and details here: https://joshhall.co/how-to-customize-the-top-header-in-divi
Views: 71944 Josh Hall
Responsive Navbar with Bootstrap 4
 
15:38
Hey guys, I'm now using Patreon to share improved and updated video lesson material. For a small fee you can access all the downloadable files from this lesson (source code, icons & graphics, cheat sheets) and everything else included in the video from the Patreon page. Additionally, you will get access to ALL Clever Techie videos in HD format with no ads. Thank you so much for supporting Clever Techie :) Download this video's files here: https://www.patreon.com/posts/responsive-with-20819321 ( You also get access to ALL source code and any downloadable content of ALL Clever Techie videos, as well as access to ALL videos in HD 1080p quality format with all video ads removed! ) ````````````````````````````````````````````````````````````````````````````````````````````` ( Website ) https://clevertechie.com - PHP, JavaScript, Wordpress, CSS, and HTML tutorials in video and text format with cool looking graphics and diagrams. ( YouTube Channel ) https://www.youtube.com/c/CleverTechieTube ( Google Plus ) https://goo.gl/J71p6f - clever techie video tutorials. ( Facebook ) https://www.facebook.com/CleverTechie/ ( Twitter ) https://twitter.com/theclevertechie
Views: 100628 Clever Techie
Wordpress Theme With Bootstrap [3] - Menu With Dropdown
 
08:29
In this video I will show you how to create a Bootstrap navbar to be used in your Wordpress theme using the navwalker class. We will be able to utilize dropdowns in Wordpress menus Project Files - https://github.com/bradtraversy/wpbootstrap_theme 10 PROJECT WORDPRESS THEME COURSE: https://www.eduonix.com/affiliates/id/16-10405
Views: 61938 Traversy Media
How to Increase Menu Size in Wordpress
 
03:45
How to Increase Menu Size in Wordpress
Views: 24120 Video Creator Academy
BOOTSTRAP TO WORDPRESS NAVIGATION SUB MENU & SEARCH
 
12:00
Codes that are used in this tutorial are located at https://a1websitepro.com/boostrap-nav-menu-wordpress/ In this tutorial we show you how to put in sub menus and make them appear right on mobile devices. We also show you how to put in a search in the menu bar. #bootstrap #wordpress #wp-nav #submenus #bootstrapwordpress https://a1websitepro.com/blog/ https://twitter.com/A1WebsitePro https://www.facebook.com/pages/A1WebsitePro/139087542802830 https://plus.google.com/104022008385832589501/posts https://pinterest.com/a1websitepro https://www.linkedin.com/pulse/activities/maximus-mccullough+0_1c4Gue9tsoRotTTXUPEk0p?trk=mp-reader-h
Views: 4234 Maximus McCullough
Transparent Header using Elementor & OceanWP in WordPress
 
08:06
The transparent header is in OceanWP Settings - Header - Header Styles to save you time. However this video shows you how to setup up everything you need for the transparent header on individual pages like header settings, unique logo and background image. If you want more videos on Elementor hit the like! :)
Views: 6984 Greg Narayan
How to change the padding width of the menu in WordPress
 
03:13
Feel free to ask me any questions. --- My Gear (づ⌐■ ͜ʖ■)づ ✪ I need to buy this webcam: http://amzn.to/2fWi3b7 ✪ I like this keyboard a lot: https://therevisionist.org/reviews/the-magicforce-68-keys-mini-mechanical-keyboard/ ✪ This is the mic that I use now: http://amzn.to/2gqS6AO ♥ I love My SSD, so fast!: https://therevisionist.org/reviews/pny-cs1311-internal-ssd/ ✪ HDD vs SSD Reliability: https://therevisionist.org/reviews/ssd-vs-hdd-one-reliable/ ✪ SSD vs HDD power consumption: https://therevisionist.org/reviews/ssd-vs-hdd-power-consumption/ Follow me ┴┬┴┤( ͡° ͜ʖ├┬┴┬ ✪ My Subreddit: https://www.reddit.com/r/Bio_Hacking/ ✪ Facebook: https://www.facebook.com/profile.php?id=100010037778391 ✪ Twitter: https://twitter.com/raqib_zaman ✪ Google+: https://plus.google.com/+RaqibZaman --- Do you have any of these problems or more below? Ask me, and I'll help you find a solution :D --- I need to adjust the space on a brand new site, the only changes i made before i tried this were change menu font size and container width and padding. I also tried it with only Menu Padding Horizontal in the custom css, but absolutely nothing happens. Hi, we only have three top menu items but need more space for each. I can’t seem to find these values in the css file. How can i keep all the items of my menu on one line. My 7th item is showing below. I need to increase the width of the menu. Where can this be done? Also how can i remove the text “no menu assigned” ? Seems like this free version has limited features. Is there any place to find clear documentation? I am not even sure going pro helps. Please advise. Thanks.
Views: 15472 Raqib Zaman
Change nav menu background and font color - Twenty Twelve Theme | WordPress
 
04:59
http://www.wphow2s.com/ Free help, tips, & tutorials http://www.wphow2s.com/twenty-twelve-change-navigation-menu-css/ for css to use. Learn how to easily change the background color and font color of the navigation menu of the WordPress Twenty Twelve theme - beginners welcome! Watch this WordPress tutorial using the Twenty Twelve theme, made for beginners: http://www.youtube.com/watch?v=9gIpEgDP3i0 My newest WordPress tutorial video training, meant for beginners (using the Twenty Fourteen theme): http://www.youtube.com/watch?v=8j7zjQZcgOI Free Download: WP Website Creation & Promotion MindMap: http://www.wphow2s.com/properly-make-website-wordpress-mindmap/ Follow me on G+ https://plus.google.com/u/0/+MikeSimmons Facebook: https://www.facebook.com/WPHow2s Twitter: https://twitter.com/WPHow2s Subscribe to my channel: http://www.youtube.com/subscription_center?add_user=Modofac007
Views: 32383 Mike Simmons