Dropdown Menu Cutoff On Laptops - Question | JoomShaper
Back to the questions

Dropdown Menu Cutoff On Laptops

J

john@gs

Template 3 years ago

Hello,

It seems that the drop down menus on the fortune template are not responsive. If you view this site on a laptop and hover over the "Programs" menu item and then hover over the "Children" dropdown the full dropdown for children gets cut off at the bottom and there's no way to get to the links.

Here's the link to the site.

Kind regards, John

0
2 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #14525

Hi there!

Sorry for the inconvenience!

You can split your long menu by following the documentation:

https://www.joomshaper.com/documentation/helix-framework/helixultimate/mega-menu-builder

https://drive.google.com/file/d/1IAmZ-O776OUCShS67ZMGMW9xEKI2ZAua/view

Hope this helps.

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #14526

Or, you can use custom CSS tricks either!

Please put the following code in your custom.css file:

  .sp-dropdown.sp-dropdown-sub.sp-menu-right {
    width: 500px!important;
}

.sp-dropdown.sp-dropdown-sub.sp-menu-right> div > ul > li {
    width: 50%;
    display: inline-block;
}

Note: Would be better to have a custom class set to that specific menu item, so that style doesn't apply to all.

Best Regards

0