Hello,
I’m looking for a way to customize my Mobile Menu (without using the Mobile Plugin) in order to add 3 additional items to my Menu (Work with Us, Contact, Subscribe). Currently these 3 items are part of my Top Menu, as they don’t need to be in my Main Menu, however, for Mobile, I would like them to show up.
Any guidance as to how to implement this change would be greatly appreciated, as currently these 3 items are nowhere on my mobile version.
Regards,
Buddy
https://www.TrailingAway.com
Hello,
If you do not want to use the mobile theme plugin, then you can only hide them on desktop and tablets.
You can target each individual menu item with css and hide it on all other devices except mobiles.
However there could be a downside where you can see them for a split second and then disappear from view. Css cannot remove a code entirely. Only hide it. You can try to put the code directly in style.css to minimize this effect but on slow connections you will still be able to see the change happen.
Here is an example on how to hide 2 menu items based on the menu item id number:
@media(min-width:767px){
.menu-item-3960, .menu-item-3961{
display:none!important;
}
}
Thank you!
Thanks, this worked perfectly!
this also worked for me
