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

Your Time: Our Time:

Menu overlaps site

Featured Lock Resolved Issue
When on the mobile version. The menu is overlapping the website.
How can i turn off the main menu on mobile so only canvas menu shows?

5 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please use this css into your custom css and that'll solve the issue.

@media only screen and (max-width: 768px) {
#sp-header #sp-menu .sp-megamenu-wrapper > ul, #sp-menu2 {
display: none !important;
}
}

Here is all about the custom css field https://www.joomshaper.com/documentation/helix-framework/helixultimate#documentation-heading-1_8

-Best Regards

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
have you installed template update 1.1 ?
---
This is default preset header or you built your own?

Paul Frankowski - Staff

More than a month ago #Permalink
Anyway, this custom CSS may help


@media (max-width: 640px) {
#sp-menu2, #sp-header #sp-menu .sp-megamenu-wrapper > ul {display: none !important;}
}

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your PM. Please check & let me know.

-Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 104
Toufiq

Toufiq

Total Accepted Answers: 52
Sifat

Sifat

Total Accepted Answers: 41
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 24
Ofi Khan

Ofi Khan

Total Accepted Answers: 20

118

Templates

306427

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