Offcavan Menu not displaying correctly - Forum | JoomShaper
Solved Helix Framework

Offcavan Menu not displaying correctly

Asked by Tony 1 year ago Last activity 1 year ago

Hi,
I need to make some adlustments to my offcanvas menu, but don't know how.
The main menu dropdown displays perfectly, but the off canvas menu has the items under Services too close together (overlapping) and doesn't provide room to fit each item on one line!

https://www.covey.com.au/2022/

Main Menu:

Offcanvas Menu:

Accepted answer

Marked as the solution
Asfakur Rahman Saikat Staff

You're very welcome! Wishing you a wonderful day.
To close the post, please mark the most helpful answer as accepted.

3 more replies

Asfakur Rahman Saikat Staff
1 year ago · edited

Hi,

Thank you for reaching out. I’ve applied the following custom CSS:

.offcanvas-inner .menu-child li{
    margin-bottom: 7px;
}

custom css in helix ultimate: link

Please check it now, and let me know if you need any further assistance.

Best regards

Tony Asked this

Many thanks Asfakur,

Would it be possible to increase the width of the offcanvas menu footprint so each service is presented on one line? Some have longer titles and are being forced onto a second line.

Please note the site has just gone live and the URL is now https://www.covey.com.au/administrator

Best wishes,
Tony.

Asfakur Rahman Saikat Staff

You're very welcome! I've added the following additional custom CSS code:

.offcanvas-menu{
    width: 370px;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -370px;
}

Please check this now and let me know.

Best regards.

Tony Asked this

Thank you so much Asfakur,
This is now perfect!!!

Best wishes,
Tony.

Log in to reply.