Off-canva Submenu Dropdown Caret Overlapping With Text - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Off-canva Submenu Dropdown Caret Overlapping With Text

H

Hector

Template 4 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

0
Website
https://aprendemindfulness.org/
3 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 years ago #5003

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

0
H
Hector
Accepted Answer
4 years ago #5112

Hi Mehtaz,

That worked very nicely, many thanks!!!

Hector

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 years ago #5250

You are most welcome

0