Site Header | Sub-Menu drop down of set on smaller screens (Laptop)

almuftahcenter

Dear Team

As seen in the attached i am facing an issue with the sub menu for the header, as on smaller screens (Laptops) the last 2 menu items are not showing.

Is there a way to make it scrollable ? or any other solution?

Thank you

almuftahcenter

Dear Team

Any updates on this?

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

almuftahcenter

Apologies, i forgot to share the link,

Website Link: https://almuftah.com/

Phil

Try the following CSS code:

@media only screen and (max-height: 630px){
 .mfn-header-menu > .mfn-menu-li > .sub-menu > .menu-item > .sub-menu{
   top: -100px!important;
 }
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

almuftahcenter

it missed up the header.

Phil

Try this instead:

@media only screen and (max-height: 630px){
 .mfn-header-menu > .mfn-menu-li > .sub-menu > .menu-item:last-child > .sub-menu{
   top: -100px!important;
 }
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

almuftahcenter

Thank you, it worked.