- This topic has 11 replies, 2 voices, and was last updated 4 months, 3 weeks ago by Leo.
September 30, 2020 at 11:25 am #1465772Ryan
Hi, I am using the Digital Creative theme (Elementor). I know I can use the Off-Canvas menu to create a menu that appears on mobile devices like this https://prnt.sc/uqs5c0 and https://prnt.sc/uqs5oq. However, I wanted to use the Off-Canvas menu for something else on the desktop.
Separately, is this forum only for paid GP members?
Thank you.September 30, 2020 at 11:51 am #1465829LeoStaffCustomer Support
David provided a workaround solution here:
More info on the
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classesSeptember 30, 2020 at 2:29 pm #1466080Ryan
Hi Leo, I have been able to create a mobile-only menu following the instructions on those links. However, the menu looks terrible because I cannot change the background colour of the slide-out menu on mobile devices. I was able to do that on the off-canvas menu.
I don’t need a menu as nice as the example in the links above. I would be happy as long as it was easily visible. Right now, I have a small menu against a white background and you can barely see it.
Could you tell me what I would need to do to adjust the appearance of the mobile menu?
Thank you so much.September 30, 2020 at 6:44 pm #1466296LeoStaffCustomer SupportOctober 1, 2020 at 7:45 am #1467248Ryan
Here you go: https://tinyurl.com/y7smpzu6
Out of interest, how do I update my profile picture on this forum? I have an image on Gravatar and it didn’t pull that. Also, I couldn’t find an option to upload a profile image even when I when to edit my profile. The profile image is, not an important thing.
Thank you, Leo.October 1, 2020 at 8:49 am #1467552LeoStaffCustomer SupportOctober 1, 2020 at 11:36 am #1467862Ryan
Hi Leo, I have the off-canvas menu enabled on desktop only. This is because I want to use the off-canvas menu for school subjects.
With your guidance, I have been able to create a menu visible just for mobile devices but that menu displays really bad as you can see in this screenshot taken off my phone: https://prnt.sc/urg3ii
Do you have a solution for this – please?October 1, 2020 at 3:36 pm #1468142LeoStaffCustomer Support
Are you currently setting the navigation color to be transparent in the customizer?
If so can you choose a solid color instead, then set the transparent color in the merged header element?
https://docs.generatepress.com/article/header-element-overview/#navigation-colorsOctober 2, 2020 at 11:36 am #1469602Ryan
Hi Leo/Support, I have given up on the mobile menu for now. I am using the off-canvas menu for mobile instead, which will do for now. I’ll tackle the problem when I have more time to dedicate to it at some point in the future.
I am closing the thread for now. Thank you.October 2, 2020 at 11:47 am #1469620LeoStaffCustomer SupportOctober 2, 2020 at 1:32 pm #1469733Ryan
Based on what I could see changing the background colour on for the menu in this theme would look bad if I had to do it for mobile and desktop. It would look good if it was just for the mobile like it is on the off canvas menu. I didn’t know how to change the background colour just for the mobile menu. I tried to play with various settings and had no success and it was taking up far too much time.October 2, 2020 at 8:20 pm #1469929LeoStaffCustomer Support
What happened when you use this solution here?
It should work as far as I understand.
Happy to take another look if you decide to go back to this route again 🙂
- You must be logged in to reply to this topic.