Padding /spacing For Submenu Items In Offcanvas - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Padding /spacing For Submenu Items In Offcanvas

ML

Mike Lawson

Helix Framework 2 years ago

Hello

Ive been trying to apply some custom CSS to add top/bottom spacing in my offcanvas submenu items, see screenshot here for example: https://prnt.sc/G-Scs7Ng8FEH

I cant seem to find the right CSS to apply, any suggestions?

0
11 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #101893

Hi there!

Thanks for your query.

Would you please give me your site URL here to check, please?

Best Regards

0
ML
Mike Lawson
Accepted Answer
2 years ago #102000

http://avalon.temp.domains/~tristar

login is in the hidden content..

Thanks

0
ML
Mike Lawson
Accepted Answer
2 years ago #102797

Hello..any update?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #103768

info_247_2023.jpg

sorry for the delay.

0
ML
Mike Lawson
Accepted Answer
2 years ago #103790

Thank you Frank..and normally I can troubleshoot this stuff and do it myself using Inspector...but for some reason this CSS customization eluded me. Thanks again

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #103841

you're welcome.

Sorry again for long waiting.

0
Boekiewoekie
Boekiewoekie
Accepted Answer
2 years ago #123993

Hi, is there a way to change only the padding between the off canvas submenu items? So in the screenshot, only padding on the 'arrows' (so not between the long menu titles) https://prnt.sc/gh0AmjLw6pg3

Regards, Martin

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #124008

It doesn't look like only padding, but line-height as well.

Share site URL (old doesn't work)

0
Boekiewoekie
Boekiewoekie
Accepted Answer
2 years ago #124100
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #124164

Ok, now instead of my "old" Custom CSS (shared 5 months ago) please use only that "new" one:

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  padding-bottom: 15px; line-height: 20px; display: block;}
.offcanvas-menu .offcanvas-inner {padding: 15px;}

After you should have that view

0
Boekiewoekie
Boekiewoekie
Accepted Answer
2 years ago #124188

Hi Paul, That's great, exactly what i meant. Thanks a lot for the quick reply!

0