Add Images In WordPress Dropdown Menu
ฝัง
- เผยแพร่เมื่อ 13 ก.ย. 2022
- Add a photo, logo, icon, or image into your WordPress dropdown menu. Kori will show you free options, plugin options, and pro options in this WordPress tutorial. Add a pop of your branding into your menu without even needing a plugin!
You'll use the IMG SRC html code and plug it into your Custom Links area on your WordPress menus. Appearance - Menus - Custom Links
Get a WordPress Website for $1/Day presshappi.com
Divi Mega Menu Pro - DiviLife
divimegapro.com/
Font Awesome Icons -
fontawesome.com/icons/circle-...
Free WordPress Mega Menu Plugin -
wordpress.org/plugins/megamenu/
*********************************************************************
SUBSCRIBE TO FOLLOW KORI - th-cam.com/users/koriashton?...
*********************************************************************
FROM KORI:
Hey Y’all - Thanks for watching. Each week I’m creating videos just like this one to help you improve your online marketing. Be sure to subscribe so that you get access to each video. If you have questions about a process, product, or service that I’ve mentioned in a video, please reach out directly to the authors of that item first. If there’s a question about something specific I’ve shared, comment in the thread and I’ll reply within a day or two.
To get my attention more quickly Tweet me @KoriAshton
KORI ASHTON IS A KEYNOTE SPEAKER, TH-camR & BUSINESS COACH.
From freelancer to entrepreneur to c-suite, Kori Ashton has spent over twenty years in the digital marketing space. She built up a WordPress agency that sold in 2017 and spends most of her time now growing her new company Press Happi and consulting with industry brands and agencies on improving customer retention with persona-driven development.
Playlists:
WordPress Wednesday - • A WordPress Plugin tha...
SEO Tips & Resources -
• Capture Search Queries...
Beginner WordPress -
• 12 Top WordPress Resou...
Kori’s Toolbox -
askkori.com/toolbox/
FOLLOW ME:
***** WEBSITE: askkori.com
***** STORE: presshappi.com
***** FACEBOOK: / koriashton
***** TWITTER: / koriashton
***** INSTAGRAM: / kori.ashton
***** LINKEDIN: / kori-ashton
Soooo exciting. Thank you for showing this, Kori ❤️
Yay!!!!! Have fun!
So good to see you Kori! 😊👍 Hope you’re doing well ❤️ Great video! Thanks 🙏😊
I'm getting stronger day to day! Thank you for the kindness :)
Great info, very useful! Thank you!
You're very welcome. Thanks for leaving kind feedback.
Thanks, very easy and is without plugin. I search hours, thank you so much :X.
Glad it worked for you!
Literally Amazing
Yay!! Thank you for leaving a comment.
Great video, how would I align the logo to the right and have it none clickable (so it behaves like a background). Thanks, Matt
You can add inline code. Remember that this isn't the "best practice" but it's a decent workaround that wont hurt your site. If you need it to not have a link / you can add a hashtag on that link for your image, but it will still show up as "clickable". If you need it to not have that at all - you may have to inject it as an After element via CSS. Check this out - css-tricks.com/almanac/selectors/a/after-and-before/
Hi Kori.
Thanks for an amazing video.
I am using the Elementor theme but when I follow your approach my icon and text does not have any space between them. Can you guide me on how to solve this? Thanks :)
Hello 👋 If you want to add space - you'll need to add css padding. See if this older video helps you. th-cam.com/video/Xtx6Mz361G0/w-d-xo.htmlsi=YWxiQVQh1_atk_Mm and if that's not something you feel comfortable with see if this plugin helps you write the CSS th-cam.com/video/nw9aDFjw0mQ/w-d-xo.htmlsi=zzXBZn1wvehe65PU
Ho Kori! Thank you for this. I have a concern about the logo because it appears even before hovering over the menu dropdown. Can you help me with that? Thank you!
I'm not too sure why that is happening on your site. What theme are you using?
what if I add like 20 image links. I assume they all get displayed from top to bottom which isn't nice. How I can get them all to show in a row of 5 at a time meaning 5 from top to bottom and then 4 rows of those?
If you're trying to create something that advanced you're looking for a Mega Menu type of structure. I may need to add a plugin to make something like that.elements.envato.com/wordpress/plugins/mega+menu
Thanks!
You're welcome :)
I'm attempting to display an icon on the top title bar button, but I haven't been successful. Can you please help me correct this? like this
What theme are you using?
Wordpress menu doesn't have a custom edit option to enlarge the image in the dropdown menu
Are you using WordPress.org or .com version?
Hi Kori, when I add the custom link to imbed an image it reflects on the left (when i make it to top)or right ( when i make it to bottom.) Is there any step i am missing. I am on Woodmart theme
You may need to reach out to your theme developers for their solution. I'm not familiar with that specific theme. Were you able to find a solution?
@@KoriAshton not yet.
@@kanacreationsart Are you able to affect the CSS file? Do you know how to write CSS?
@@KoriAshton :) thank you for asking the second question. I don't know how to write CSS.
Hi Kori
I have a quick question regarding a different topic.
1. I wanted to know how I would remove the description from thw front end. I want to write the seo description but it keeps showing on the front end. I did thw css code display none and it removed it and also messed up my blog post.
I wanted to hide the description on specific pages only. I have tried everything. I could send you a photo bit don't know how via youtube
If you're talking about a META description - I prefer the SEO plugin called Yoast. This gives you control at a page-by-page or post-by-post level.
@@KoriAshton
Thank you
I don't currently have yoast. But if this will fix the issue, I will subscribe. Just to be clear, will this give me the option to not show the description on the front end.
@@jellycrackersmerch8221 If you're talking about Meta Descriptions - then yes. If you're talking about product descriptions, no. Yoast is a Free plugin that allows you to easily access your SEO meta tags on each page or post.
@@KoriAshton
I am referring to the product description area. I am trying to wrote a description on the page but don't want it to show on the page with the products.
Not the meta. I definitely want the meta to show.
@@jellycrackersmerch8221 Okay - this is going to be a theme issue then. You may have to set the fields to show / hide based on the product itself. see if this helps you noorsplugin.com/how-to-hide-product-description-in-woocommerce/
How to make the image larger tho?
You'd have to set some CSS to make the width exact.
It simply doesnt work on my site....I wonder what I am doing wrong.
Ahhh, the copy/paste function caused the problem. I had to write the code manually. Works perfect now! Thanks!
Way to go!! Thank you for sharing your tip. You may help others here too!
Dear Kori, I cant find a solution for a problem, maybe you can help me, or you have a video which show how to solve this. On my mobile version, I need the customer to click on one of the Menus before the dropdown menus appers. The dropdown menu has to be hidden, until the customer click on the Menu where the dropdown menus are....does it make sense? It works fine on computer where the dropdown menus show up when hovering over the Menu. @@KoriAshton
Please Help
How can I help?