- This topic has 17 replies, 2 voices, and was last updated 4 months ago by
David.
-
AuthorPosts
-
September 23, 2020 at 6:38 pm #1456239
Mohamed
Hi,
My question related to the mobile screen
How can I display the main menu(will be categories only) as a dropdown menu?
And the secondary menu be as a slide out.
Screen Shot that’s explain
https://prnt.sc/ums7czRegards
September 24, 2020 at 1:36 am #1456508David
StaffCustomer SupportHi there,
what happens on Mobile ?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 24, 2020 at 6:24 am #1456843Mohamed
I want do this to secondary menu on Mobile screen
https://prnt.sc/ums7czSeptember 24, 2020 at 7:54 am #1457130David
StaffCustomer SupportIn that case you would not use the Secondary Navigation.
Instead enable the Off Canvas panel in Customizer > Layout > Off Canavs. Set this to display mobile and desktop.Create 2 x menus:
1. Categories – set location to the Primary Navigation.
2. Other menu items – set location to Off Canvas PanelThis will give you the two menus on desktop and the single menu on mobile.
Once thats setup – share a link to your site and we can take a look at creating that layout.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 24, 2020 at 8:12 am #1457183Mohamed
I did that but it’s give me two menus in both PC and Mobile,
By any way please check it nowSeptember 24, 2020 at 10:06 am #1457352David
StaffCustomer SupportI am only seeing the one menu on mobile.
For you category menu, create a drop down menu – see here:Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 24, 2020 at 2:21 pm #1457641Mohamed
Could you check it now?
September 25, 2020 at 1:22 am #1458068David
StaffCustomer SupportCan you now enable the Navigation as Header in Customizer > Layout > Header
And be sure to add a Logo to your Site Identity.Let us know once that is done.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 25, 2020 at 4:39 am #1458290Mohamed
It’s nice on the PC but still don’t have same appearance on mobile.
2-How can I reorder the menu items to be like the screenshot
https://prnt.sc/ums7czSeptember 25, 2020 at 5:38 am #1458357David
StaffCustomer SupportYou can remove the label from the menu toggle in Customizer > Layout > Primary Navigation –> Mobile Menu Label – just leave the field empty.
Whilst you’re there you can enable the Navigation search.
Let us know once thats done and ill provide the CSS for arranging the menu items
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 25, 2020 at 8:11 am #1458693Mohamed
I did it
September 25, 2020 at 1:02 pm #1459096David
StaffCustomer SupportDo you want the Categories menu displayed on Mobile as well ?
If so then we actually need to disable the Mobile Header.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 25, 2020 at 4:17 pm #1459242Mohamed
Yes, I want it as a screenshot
https://prnt.sc/ums7cz
and menu items order I have tried to do itSeptember 26, 2020 at 2:26 am #1459588David
StaffCustomer SupportIn customizer > Layout > Primary Navigation – set the Mobile Break Point to
0
That way we can keep the desktop nav on Mobile and then i can look at the CSSDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 26, 2020 at 11:22 am #1460215Mohamed
This step is done.
Could you look into the CSS. -
AuthorPosts
- You must be logged in to reply to this topic.