I have created a page called projects, that is a parent page to current projects and old projects. The projects page is empty, its only a parent page to the other two. On mobile devices, the menu displays my regular menu, plus the current projects and old projects. These two subpages also have a larger font in the menu than the other items. How can I remove the parent page from the menu on a mobile device and how can I make the font of the subpages like the rest of the menu items?
In the menu you can add only the pages you want. Regardless of either it is an independent page or it’s parent to some other pages. So if i understand you well, you only need to add the children to the menu.
Can i please see a link where are you trying this? So i can get a better insight of it.
Note: Please consider updating your profile data. Read this article for more information.
Can you please check the credentials? I can’t login.
Please fill in the necessary information on your extra information fields of your profile data.
Read this article for more information.
This is not really an issue. This is how the mobile menu is designed. The sub-menus are set to show up all the time but the hierarchy is displayed by setting them under the parent item, with some padding. If you want to increase the padding in order to make the hierarchy more visible, i suggest you add this code into your custom css box:
.menu-small ul.menu > li > ul > li > a {
padding-left: 20% !important;
}
To change the font size and color, please add this code:
.menu-small ul li a {
color: rgba(0, 0, 0, 0.58) !important;
font-size: 13px !important;
}
