Canvas Support

Accordion: how to change line-height on mobile?

2 replies · opened May 10, 2017

Rrobites9May 10, 2017

The line-height accordion widget is ok for the desktop size, but it's too big in the mobile version (see attachments).

Can I reduce line-height only for mobile?

thank you

SSemicolon WebSTAFFMay 10, 2017

Hello,

Please find the following code in the style.css File: 

.accordion.accordion-bg .acctitle,
.accordion.accordion-bg .acctitlec {
	background-color: #EEE;
	line-height: 44px;
	padding: 0 0 0 36px;
	margin-bottom: 5px;
	border-top: 0;
}

and replace it with: 

.accordion.accordion-bg .acctitle,
.accordion.accordion-bg .acctitlec {
	background-color: #EEE;
	line-height: 24px;
	padding: 10px 0 10px 36px;
	margin-bottom: 5px;
	border-top: 0;
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Rrobites9May 11, 2017

Hello,
I've inserted your snippet code into my custom.css,
and the problem on mobile has resolved.

Thanks for your help

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard