I have my menu set above the fold on the home page at the base of the browser.
On mobile devices due to the eclosed menu on the left when a visitor touches to open the menu nothing happens because it won't open upwards of course.
Is there a way to make it open upward when the menu is at the base of the browser or can I just make it so that the menu displays in full as it does on screens larger than 1024px.
I have had a look with the inspector but I cannot work out which code I need to play with (I just spent a couple of hours trying to get my head around it).
I don't want to add an arrow onto the home screen.
If I can solve this then the mobile experience for my clients will work. Otherwise they may simply assume the site does not work and go elsewhere.
This is a behavior which comes from boostrap, best is , I think best is to try changing the styles of .nav-collapse, .nav-collapse.collapse for media queries less than 1024px.
I have my menu set above the fold on the home page at the base of the browser.
On mobile devices due to the eclosed menu on the left when a visitor touches to open the menu nothing happens because it won't open upwards of course.
Is there a way to make it open upward when the menu is at the base of the browser or can I just make it so that the menu displays in full as it does on screens larger than 1024px.
I have had a look with the inspector but I cannot work out which code I need to play with (I just spent a couple of hours trying to get my head around it).
I don't want to add an arrow onto the home screen.
If I can solve this then the mobile experience for my clients will work. Otherwise they may simply assume the site does not work and go elsewhere.
Help appreciated. Cheers.
Hi Chris,
This is a behavior which comes from boostrap, best is , I think best is to try changing the styles of .nav-collapse, .nav-collapse.collapse for media queries less than 1024px.
Thanks
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio