Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Strange menu behaviour in Helix Ultimate

Featured Lock Resolved Issue
Hi,

I have observed strange behaviour of the menu in Helix Ultimate.

When the width of the display is large : all is normal
When the width of the display is smaller (like iPad) then the menu becomes in overlay of the Component module in 2 or 3 columns.
When the width is still smaller (like iPhone) then the menu is displayed in just 1 column in overlay of the content.

I have experienced this in the Agency as well as in the Construction template.
(both from a new install without any modification)

Any idea on how to correct this ?

What should be the normal behaviour when the display becomes smaller ?
Should the Horizontal Menu be reduced to just its title that opens a drop down menu list when pressed ? Kiind of what the Off-Canvas menu does ?

Thank you in advance for your reply.

Francis

PS :
Can be observed live at http://www.build-advice.be/info/en/construction
@Paul : same login and pw as before

Attachments (1)

  • 2019-01-04 12.03.00 pm.jpg
    2019-01-04 12.03.00 pm.jpg 19.7 KB

4 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please use this css into your custom css to solve this issue.

@media only screen and (max-width: 991px) {
.sp-megamenu-parent {
display: none !important;
}
}

Here is all informations regarding custom css https://www.joomshaper.com/documentation/helix-framework/helixultimate#custom-code

-Best Regards

Francis

More than a month ago #Permalink
Hi Sifat,

Thank you for pointing this out.
Inserting the code removes the multiple column menus.

But ... with changing the display width the logotext changes in a strange way :

* +1200 px : logotext is mormal behaviour http://prntscr.com/m3vmap
* from 1000px up to 1000px : Logotext comes in 2 lines http://prntscr.com/m3vnnl
* from 375px up to 1000px : logotext is normal
* smaller than 375px : logotext comes in 2 lines

Any idea on how to avoid that changing ?

Thanks

Francis

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your reply. Please use this css into your custom css to solve that issue.

@media only screen and (max-width: 1199px) {
.logo {
width: 100vw;
}
}


-Best Regards


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 122
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 90
Toufiq

Toufiq

Total Accepted Answers: 33
Al Mamun

Al Mamun

Total Accepted Answers: 3
J

johnny

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us