Mega Menu sub items overlap

[carlostinca]

Hi,

We got an problem using Mega Menu option. The items of submenu overlaps and one goes outside from the box. YOu can check it here, in “Paquetes”.

http://www.iguazufalls.com/es/

Also, i attach you an screenshot of the error.

Why is this happening?

Thanks,

Carlos

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try by adding this to style.css of child theme

COPY CODE

ul.dropdown-menu.sub-menu.pull-left {
    width: 450px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[carlostinca]

Hi Laura,

That kind of fix it, bue the title still overlap on the second column, and the first menu title goes under the second column of 5-8 Noches.

The size of every sub menu can ajust itself depending the size of the title?

Thanks
Carlos

[carlostinca]

Also, the first submenu under “Informacion” got bigger too, and we dont want that happen because it looks ugly.

Thanks!

[Laura]

Hello, its better to have the same size or they would look very bad with different sizes, you can test
changing the 450px

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[carlostinca]

Very bad in a esthetic way or it will glitch with the browser? I have to make a bigger submenu for “Paquete”, and now it look very ugly the submenu under “Informacioc”. Can i only target the submenu of “Paquete”?

I need to make something like here http://ripioturismo.com/, the submenu under Programs looks nice (but also here, the second submenu under Brochures do the same thing).

Thanks,
Carlos

[Laura]

Hello, to only affect the Paquetes menu, use this instead

COPY CODE

li#menu-item-4631 ul.dropdown-menu.sub-menu.pull-left {
    width: 450px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts