- This topic has 8 replies, 3 voices, and was last updated 1 year, 6 months ago by David.
February 1, 2021 at 11:11 am #1641976Resulta
I’ve recently implemented a mega menu and in doing so the mobile submenu items will not expand.February 2, 2021 at 5:43 am #1642819DavidStaffCustomer SupportFebruary 2, 2021 at 9:31 am #1643243Resulta
Thanks for your help and identifying this. Is there anyway I could “hide” those one both mobile, tablet, and desktop and still have them expandable on mobile?February 2, 2021 at 6:04 pm #1643638LeoStaffCustomer Support
Is there anyway I could “hide” those one both mobile, tablet, and desktop and still have them expandable on mobile?
Not sure if I understand this statement here.
Can you explain a bit more?
You can wrap your CSS using media query so they only apply to specific screen widths:
https://docs.generatepress.com/article/responsive-display/February 3, 2021 at 5:20 am #1644122Resulta
Hey Leo, basically I have created a mega menu with 5 columns and in order for each column to display as a column on desktop they each need to have a parent which are labeled as the “Column #” and is what I am hiding on desktop because I don’t want column headers. I am looking for a way for these to still expand on mobile but not display “Column 1” as it does now.
Let me know if you’d like access to check it out in the backendFebruary 3, 2021 at 10:47 am #1644583LeoStaffCustomer Support
I think the best solution here would be to use the off canvas panel for mobile only:
So you can create a new menu and use it for the mobile view only:
Our site is using a similar idea.February 4, 2021 at 4:20 am #1645359Resulta
How do you set the off canvas panel for mobile only?February 4, 2021 at 4:26 am #1645371Resulta
While hiding the desktop nav on mobile?February 4, 2021 at 5:19 am #1645442DavidStaffCustomer Support
In the Customizer > Layout > Off Canvas you can set the panel to Mobile only:
Then you will need to create a separate Menu for mobile and set its location to Off Canvas.
- You must be logged in to reply to this topic.