Archived topic
dropdown menu list
19 replies · Started by dassana on November 2, 2018
hi
i want to display drop down menu list in horizontal format in the home page, below the header. i am sharing a link below on the look of the menu. in the desktop, the menu appears with a drop down displayed horizontally on the page. in mobile its gets displayed when the mobile icon is clicked. how this feature can be achieved. is there a plugin that can help. i searched many plugins but they do not have this feature.
thanks in advance. link reference given below.
Hi there,
So basically move the primary navigation below page hero?
If so this PHP snippet should work:
https://generatepress.com/forums/topic/page-header-image-above-menu/#post-288568
Make sure the navigation location is set to below header.
We have plans to add this as an option.
Let me know :)
hi leo
even without the snippet, the menu is displayed below the page header when i choose the below header option for primary navigation. i also added the snippet, but it did not do anything. i am not able to understand what the snippet does. in fact i added both the snippets given in the thread, one for the home page and other for entire site, but i could not see any change.
i want the menu to be displayed with drop down arrows like in the link i have mentioned earlier. also i just want it on the home page and could be category pages but not on the posts.
Sorry still not quite sure what you mean.
If a menu item has submenu, there should be drop down arrow by default.
What am I missing?
i meant that even without adding the code, the menu is displayed below the header. the code does not do anything. let me work around this and then i will get back to you after some days.
Sounds good :)
hi leo
i was away for some days and after coming back did try to get the menu below header only on the home page. but could not do it. the code you have linked to does not work.
i am using the element feature in generatepress where the site header is merged with the content and is displayed on the entire website. here i have selected the navigation location to float right. so if i select the navigation location as below header, it will show the navigation below header on the entire website.
i only want the navigation to be shown on the home page and on desktop only. it should show the sticky navigation menu as it is currently on mobile. how i do go about getting this feature enabled.
Hi there,
in the Header Element options you have the ability to set the Navigation Location.
So create a Header for your Front Page as per your settings.
Then create a Header for the Entire Site (excluding Front Page) and within the merged site header options you can select a different navigation location, including sidebars or No Navigation.
In the customizer you can add the Mobile Header which will be consistent across the site.
thanks david. i have enabled what you have mentioned and it works. just one query. how do i enable the navigation to center align in the home page.
i also want to write a title next to the navigation menu in mentioning something like "search" or "browse". how can i mention this.
1. You can set the navigation alignemnt in the Customizer > Layout > Primary Navigation.
1. Simplest way would be to add a Custom Link to the menu without a real URL.
If you want it hidden on the mobile menu the use the Menu CSS classes and hide-on-tablet and hide-on-mobile
the customizer option does not work. the menu stays aligned to the right even after choosing the center option.
thanks a lot david. i will try the other options too.
Can you link us to the site so i can see?
So the nav is floated right, so centering this is not going to work. How do you expect it to look?
