Dropdown Menu Cutoff on Laptops - Forum | JoomShaper
Staff replied Templates

Dropdown Menu Cutoff on Laptops

Asked by john@gs 5 years ago Last activity 5 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

2 replies

Rashida Rahman Staff

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

Log in to reply.