Hey Nelson ! Thanks for you awesome work ! Do you have any idea about how to remove the background color when ihover the submenu items ? Your snippet to change the color works fine, but i need to remove it instead
Thank you Nelson. Very helpful! I wanted to ask, what if you have another menu under the submenu? How can you format just that part? Thank you in advance for your reply.
Hi Michael, great question, to do that you simply add another set of ul or li in the CSS. So think of it as a hierarchy, the main menu is an ul with li, then the submenu is a ul, and within that are li, and now within that is another ul with li. Does that make sense?
@@PeeAyeCreative I want to change the width of the menu in my body and cant seem to work it out. Could you please write the code for me. .et_pb_menu li ul li ul { YOUR CSS HERE } I don't think that is what you meant.
Hi I’ve tried this css code on my pages css and also in the menu module css and it’s not working for me! In the divi theme options I have a css code to center my logo above my full width menu, could that be affecting this css code to customize the drop down menu?
Hi Catarina, the code definitely would not work in the module. The Divi Theme Options would be the best place to try. However, you said "Fullwidth Menu" and that is totally different than the default menu or Menu module. That could be the issue.
First of all, thanks a lot for uploading these sorts of vids, you're doing an amazing job! Now onto my problem...let's say I wanted to make the submenu links a regular font weight in the regular view (with them being bold only on hover) while keeping my main menu font weight as bold. I tried the following: font-weight: regular!important; & font-weight: regular; however it keeps giving me an error saying: "Expected () but found 'regular'. How would one go about tackling this issue? Any help would be much appreciated.
@@PeeAyeCreative Hi Nelson, can I ask you about the mega menu. my mega menu is too width and when I reduce the width the text (2-3 words) is overlapping. Can we adjust the space between column?
after trying to adjust the width of my menu modul i failed. please help. the code doesn't work on module menu which is not the header. I tried with .nav li ul { width: 200px !important; } but that focus both the header and the module menu ;( do you need to set up class so it focus the module menu only ?
Hey Mr. Nelson, I'm using the Extra theme and the Divi Builder. When I enter CSS Code anywhere it doesn't seem to make a difference on the site. I have made a Mega Menu which is too big and takes up my whole screen. The bottom links on the Mega Menu fall just off the bottom of the screen. There are tons of unnecessary spacing and padding everywhere, but nothing I am trying for CSS is working. I'm putting it in the correct places in Theme Options and in the Page Settings, but it affects nothing when I save and refresh. I've also tried customizing the colors for the top links using your snippets from the blog, but it affects nothing. Any suggestions? I'm new to this and frustrated already.
Hi Stankin, a couple of things come to mind. Perhaps you are trying to style the regular default menu rather than the actual Menu module? If you share the link I could help better!
Hi Stephanie, have you added some of the styling options as well? Remember, the CSS snippet is blank and you have to add what you want where it says "YOUR CSS HERE". Is that the issue?
Okay, well I had to ask. I really don't have enough context and information to help figure out what is going on. Cache? Default Divi menu? Menu module?
@@PeeAyeCreative Hi, where should I add the css class if I want to change the look of my submenu? I added your code to Divi theme options, but I'm not sure how to connect it with the submenu, since it doesnt have a class linked to it
@@ewaskowronska3525 You need to either use the Menu module like I do in the examples, or change the CSS to apply directly to the default header elements.
![ละลาย (LALALYE) - DAOU PITTAYA ต้าห์อู๋ พิทยา [OFFICIAL MV]](http://i.ytimg.com/vi/wo6r9TgausI/mqdefault.jpg)
Nelson, thanks for your tutorials!
You clearly get that teaching is about building a real understanding of how things work.
Great job - once again!
You're welcome, thank you for such a nice comment!
Your videos are underated dude. Appreciate the vids!!
Thanks Chris, I'm so glad you think so 🙂
Hey Nelson !
Thanks for you awesome work !
Do you have any idea about how to remove the background color when ihover the submenu items ?
Your snippet to change the color works fine, but i need to remove it instead
You can try using transparent as the color value.
Great tutorial that solves my problem. Thanks a lot
Hi Nelson, thank you so much!
Brilliant! Just made use of this tutorial which works a treat. Thank you so much for your help 🙏
Great to hear!
Big help, thank you. Actually not the first time your videos saved me! :)) Keep up the good work
Glad I could help! Hope many more of them save you as well!
This one helped me a lot. Thank you for your time and effort!
I'm so glad to hear this was helpful!
amazing work.you are going straight to heaven
Thanks!
Thanks ...✌from chile
Thanks , it's amazing , you solve my big issue about menu.
I'm glad I could help!
Incredibly helpful - just what I needed!
Thank you Nelson. Very helpful! I wanted to ask, what if you have another menu under the submenu? How can you format just that part? Thank you in advance for your reply.
Hi Michael, great question, to do that you simply add another set of ul or li in the CSS. So think of it as a hierarchy, the main menu is an ul with li, then the submenu is a ul, and within that are li, and now within that is another ul with li. Does that make sense?
@@PeeAyeCreative Thank you Nelson. Yes it does. I'm not sure of the syntax (not a css person) but i will try it.
@@PeeAyeCreative I want to change the width of the menu in my body and cant seem to work it out. Could you please write the code for me.
.et_pb_menu li ul li ul {
YOUR CSS HERE
}
I don't think that is what you meant.
thank you awesome explanation nice presentation on website
I hardly comment on any video but when I do I mean it
I appreciate that!
Thank you so much! Saved me here :)
Glad it helped!
Thank you!
You're welcome!
Hi, to widen the row of columns and to decide how many columns the Mega menu should have, which Css code should be inserted? thank you
Can you share the URL so we can see your mega menu and give you the best advice?
How can I increase the spacing between the menu items
Any chance you know how to make the dropdown submenu position show full width without positioning itself underneath the main menu?
Can you elaborate? I don't know what you mean.
Top, thank you very much
Sure thing, glad you like it!
Hi I’ve tried this css code on my pages css and also in the menu module css and it’s not working for me! In the divi theme options I have a css code to center my logo above my full width menu, could that be affecting this css code to customize the drop down menu?
Hi Catarina, the code definitely would not work in the module. The Divi Theme Options would be the best place to try. However, you said "Fullwidth Menu" and that is totally different than the default menu or Menu module. That could be the issue.
@@PeeAyeCreative
this is the css code I have active:
@media (max-width: 1024px) {
#et_mobile_nav_menu {
display: block;
}
#top-menu {
display: none;
}
}#top-menu li {
display: inline-block;
padding-right: 22px;
font-size: 14px;
}
First of all, thanks a lot for uploading these sorts of vids, you're doing an amazing job!
Now onto my problem...let's say I wanted to make the submenu links a regular font weight in the regular view (with them being bold only on hover) while keeping my main menu font weight as bold.
I tried the following:
font-weight: regular!important;
&
font-weight: regular;
however it keeps giving me an error saying: "Expected () but found 'regular'.
How would one go about tackling this issue?
Any help would be much appreciated.
Hi Nick, regular is not a CSS term, maybe try "inherit" instead 😊
@@PeeAyeCreative thanks a lot, that seemed to do the trick :)
once again, you're awesome :)
and keep up the good work
Hi Nelson, thanks a lot. your video is great! God Bless!
My pleasure! Thank you so much, God Bless you!
@@PeeAyeCreative Hi Nelson, can I ask you about the mega menu. my mega menu is too width and when I reduce the width the text (2-3 words) is overlapping. Can we adjust the space between column?
Hi sorry I don't get notified of follow up comments so if I miss your reply that is why. I'm not quite sure what you meant can you share a link?
after trying to adjust the width of my menu modul i failed. please help. the code doesn't work on module menu which is not the header.
I tried with
.nav li ul {
width: 200px !important;
}
but that focus both the header and the module menu ;( do you need to set up class so it focus the module menu only ?
The code in our tutorial is for the Menu module.
Hey Mr. Nelson, I'm using the Extra theme and the Divi Builder. When I enter CSS Code anywhere it doesn't seem to make a difference on the site. I have made a Mega Menu which is too big and takes up my whole screen. The bottom links on the Mega Menu fall just off the bottom of the screen. There are tons of unnecessary spacing and padding everywhere, but nothing I am trying for CSS is working. I'm putting it in the correct places in Theme Options and in the Page Settings, but it affects nothing when I save and refresh. I've also tried customizing the colors for the top links using your snippets from the blog, but it affects nothing. Any suggestions? I'm new to this and frustrated already.
Hi Stankin, a couple of things come to mind. Perhaps you are trying to style the regular default menu rather than the actual Menu module? If you share the link I could help better!
Will it work for mobile like desktop ?
No, but I can do one similar for that. Would you like that?
@@PeeAyeCreative yes sure, as most of visitors browse via mobile so they should get good and smooth experience.
It doesn't change anything on my website if I copy the code in there.
Hi Stephanie, have you added some of the styling options as well? Remember, the CSS snippet is blank and you have to add what you want where it says "YOUR CSS HERE". Is that the issue?
@@PeeAyeCreative thanks, yes of course I did :) I tried changing the padding, background-color, border etc. but it has no effect
Okay, well I had to ask. I really don't have enough context and information to help figure out what is going on. Cache? Default Divi menu? Menu module?
@@PeeAyeCreative Hi, where should I add the css class if I want to change the look of my submenu? I added your code to Divi theme options, but I'm not sure how to connect it with the submenu, since it doesnt have a class linked to it
@@ewaskowronska3525 You need to either use the Menu module like I do in the examples, or change the CSS to apply directly to the default header elements.