Offcavan Menu Not Displaying Correctly - Question | JoomShaper
Back to the questions

Offcavan Menu Not Displaying Correctly

T

Tony

Helix Framework 11 months 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:

0
Website
https://covey.com.au/
5 Answers
Order by
Oldest Newest Votes
Asfakur Rahman Saikat
Asfakur Rahman Saikat
Accepted Answer
Support Agent 11 months ago #174413

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

0
T
Tony
Accepted Answer
11 months ago #174426

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.

0
Asfakur Rahman Saikat
Asfakur Rahman Saikat
Accepted Answer
Support Agent 11 months ago #174431

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.

0
T
Tony
Accepted Answer
11 months ago #174435

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

Best wishes, Tony.

0
Asfakur Rahman Saikat
Asfakur Rahman Saikat
Accepted Answer
Support Agent 11 months ago #174444

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

0