Archived topic
Disable Dropdown Menu and Page Names
2 replies · Started by James on May 30, 2018
Hello! I plan on making a parent page with a lot of child pages under it, but in my primary menu bar, it shows an arrow and subpages upon hovering over it. I really don't want a million submenus showing. Is there anyway to disable this so it will look like a normal button like the others?
I would also like to know if there is any way of disabling page names being displayed on your page.
I made a screenshot of what I am talking about.
Thank you!!
Never mind! I found it out myself. But in case anyone in the future needs to know, the coding is this:
For the submenu issue, go to:
Customize > Layout > Primary Navigation > Navigation Dropdown > Click - Arrow
Then add the additional CSS:
.menu-item-has-children .dropdown-menu-toggle {
display: none;
}
.main-navigation .main-nav ul li.menu-item-has-children>a {
padding-right: 20px;
}
To get rid of the page names, just add:
.entry-title {
display: none;
}
Hi James,
glad you got it resolved.
