Off-canva submenu dropdown caret overlapping with text - Forum | JoomShaper
Solved Templates

Off-canva submenu dropdown caret overlapping with text

Asked by Hector 5 years ago Last activity 5 years ago

Hi friends,

I am using the Fortune template.

As you can see in this screenshot, the off-canva menu looks fine when for 1st-level menu items:

https://imgur.com/a/bm2d7tm

However, if there are 2nd-level menu items, then the dropdown caret icon appears on top of the text, making it impossible for users to click on it:

https://imgur.com/a/0pt9YMS

Please can you help me with the CSS so that the caret menu icon is closer to the right hand side and it does not overlap with the text?

many thanks,
Hector

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
5 years ago

Hi,
Use this custom css

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler:after{
    right:45px !important;
}

In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks

2 more replies

Oldest first Newest first Most helpful
Hector Asked this
5 years ago

Hi Mehtaz,

That worked very nicely, many thanks!!!

Hector

Mehtaz Afsana Borsha Staff
5 years ago

You are most welcome

Log in to reply.