Mega Inc Template Menu Not Working - Forum | JoomShaper
Staff replied Templates

Mega Inc Template Menu Not Working

Asked by Anders Ekman 5 years ago Last activity 5 years ago

I am using the template Mega Inc and the menu is not responsive on mobile. The "menu-right" with a contact button and language switcher isn't on the same row as the "navigation/menu" that on mobile is a hamburger menu. The hamburger menu column takes up a lot of space and makes the "menu-right" not fit in. How do I change this? I have tried making changes i the code but with no success.
I will attach some images:

Normal looking on computer:
![https://ibb.co/grQMyBK]()

Odd looking on mobile:
![https://ibb.co/ZMC0jfT]()

Inspect tool (showing the row):
![https://ibb.co/4MSHqvF]()

Inspect tool (showing sp-menu /hamburger menu):
![https://ibb.co/80vBTjy]()

3 replies

Oldest first Newest first Most helpful
Ofi Khan Staff
5 years ago

Hello Anders Ekman

Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials.

Best regards

Anders Ekman Asked this
5 years ago

Hello,

Is there any other way to solve this problem without sharing my admin password? The prolem is also visible in the demo of the template. There must me some way to fix this since the problem is in the original template code.

I'll attach some images to show how it looks like in the demo of Mega Inc.

The menu not being responsive in the demo (it takes up two rows and menu items are misplaced):
![https://ibb.co/RypXNYZ]

The "contact" button disappears when I zoom in even more in the demo (and I want it to be visible all the time):
![https://ibb.co/ZxmFvfD]

When in mobile view, and the menu is turned into a "hamburger menu", the contact button is still gone:
![https://ibb.co/tB1mG22]

Ofi Khan Staff
5 years ago

okay, I get your issue. Our demo is just a sample. On your site, you can take a Custom Header and adjust the space for each item. You can also set the space according to device size (desktop, tablet or mobile). Please go to Template Options -> Layout Builder and turn off Pre-defined header. Then take a custom header and adjust the layout as you need. Please follow this documentation to understand how to do it.

Log in to reply.