Solved SP Page Builder

Accordion heading colour changes from PC to Mobile

Asked by Francois Barnard 2 years ago Last activity 2 years ago

Dear SPPB Team

I started a systematic update of all my websites to upgrade them to Joomla 5 and SPPB 5. On the first one, I encountered an accordion menu which I set up perfectly for the computer, but when displayed on the mobile screen, the heading colour changes to blue. (It is supposed to be black.)

I looked for the place where you change the colour of the heading, but no colours are set for any of the devices.

I will link pics in the hidden section below.

Any ideas?

Warm regards,

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
2 years ago

Hi Francois,

  1. Check in Template Options > Presets > colors if they are correct.
  2. Check colors set in Accordion addon
  3. In case of - use below Custom CSS on that Page:
.sppb-addon-accordion button {color: black; }
Francois Barnard Asked this
2 years ago

Thank you, Paul. The CSS code helped.

1 more reply

Paul Frankowski Senior Staff
2 years ago · edited

To correct appearance of [=] menu icon in mobile view to keep in one row.

@media screen and (max-width: 520px) {
#sp-menu { max-width: 60px; padding-right: 0;}
}
Log in to reply.