Need Custom Setting Info For Accordion Addon, Documentation? - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Need Custom Setting Info For Accordion Addon, Documentation?

LW

Lisa Willaman

SP Page Builder 4 years ago

Hello! I need to make changes to an accordion menu for a mobile page. But I'm not sure what settings to change, can't find any documentation on the parameters.

I've attached a pic showing the items I'd like to change the settings for. Any help would be appreciated!

Thanks! Lisa W.

https://drive.google.com/file/d/1-7PN16N2NYDiIhT8gBhn4mOdqU4ALSLx/view?usp=sharing

0
9 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #6343

Some spaces you can set using addon settings, and some others requied using custom CSS. But maybe 2nd way for all elements is faster...

 // Style for Find a species top and bottom padding and items inside
@media (max-width: 640px) { 
.liz_accord .sppb-addon-title 
{padding-top: 10px; padding-bottom:5px;}

.liz_accord .sppb-addon-wrapper 
{padding-bottom: 10px;}
}
0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #4841

Hi there!

Thanks for your query!

The drive link you have shared is asking for access. I think you have forgot to give it access.

Best Regards

0
LW
Lisa Willaman
Accepted Answer
4 years ago #4842

Woops! I think it's fixed now...

0
LW
Lisa Willaman
Accepted Answer
4 years ago #6138

Just bumping this up.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #6139

Hi there!

Sorry for the delayed response!

Would you please give me your site URL here and redirection to where you have that accordion?

Best Regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #6144

Hi, Can you tell me exactly what is this?

  1. Mobile Menu (offcanvas) ? If yes, it request using custom CSS to make those changes.
  2. Accordion Addon

Mobile menu =/=Accordion Addon. Those are two completly different products.

0
LW
Lisa Willaman
Accepted Answer
4 years ago #6314

Ok, here's the page with the Accordion addon:

https://austinreptileservice.net/joomla/index.php/en-us/reptile-id/austin-area-reptile-guides/austin-area-reptile-id-guides-2/lizard-menu

Viewing this page on a mobile device or on a desktop using Chrome Dev Tools.

On a mobile device, I would like to reduce the spacing between the accordion link items.

It looks great on a desktop, but too spacey on a mobile device.

Let me know if you need any other info. Lisa W.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #6342

Thank you, now I know everything to help you in next minutes.

0
LW
Lisa Willaman
Accepted Answer
4 years ago #6436

I added a margin-bottom to this and got the results I needed!

Thanks! Lisa W.

0