Accordion Heading Colour Changes From PC To Mobile - Question | JoomShaper
Back to the questions

Accordion Heading Colour Changes From PC To Mobile

Francois Barnard

Francois Barnard

SP Page Builder 1 year 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,

0
Website
https://gebetshaus-solothurn.ch
3 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #157013

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; }
0
Francois Barnard
Francois Barnard
Accepted Answer
1 year ago #157023

Thank you, Paul. The CSS code helped.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #157014

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;}
}
0