Mobile Offcanvas Navigation - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Mobile Offcanvas Navigation

DR

doug raught

Helix Framework 3 years ago

The offcanvas navigation acts weird for a few drop down links on mobile phones. I have a main link called ABOUT US. If you tap on any of the dropdown links, the page will scroll down to that bookmarked area of the page.

BUT, if you tap the hamburg offcanvas icon, tap on ABOUT US, and click a different link, the page zoom large and there is a grey vertical transparent bar, which I assume has to do with the offcanvas.

Perhaps the problem is that these links do not open different pages, but rather they point to different section ID's on the same page.

Still...I need to fix this if there is a solution. It works fine on desktop and tablet. Here's the URL: https://www.holyhoster.com/man/ Go to About Us, then tap on any dropdown link. It should work fine. But when you repeat the process and tap on a different link, then the problem appears.

Joomla, PageBuilder, Template (manufacturer) are up to date

Thanks!

0
1 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #71662

Hi Daniel,

it's becuase those : What We Believe, Team, Service Times, Contact Us - menu items are OnePage anchor links, so they are not reload page.

To fix it somehow without creating alternative mobile menu my idea is to use in those menu items whole URL

https://www.holyhoster.com/man/index.php/aboutus#team

not only #team - then it should work. Our Mobile Menu do not close when you use Anchor link, so I cannot help more.

BTW

I strongly recommend to get rid of /index.php/ in link aliases, you can do that using Joomla default SEO settings (in Global Configuration) and .htaccess file. The method has been the same since Joomla 1.0, nothing has changed, described every book, manual, tutorial.

0