Accordion formatting issues

[GaNcorp]

If you create an accordion with an icon when you view it on mobile the text lines are off.
Screenshot Attached

There is the same problem when the title is too long on widescreen view as well.
Screenshot Attached

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, could you share a link to your website please? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[GaNcorp]

This reply has been set as private.

[GaNcorp]

This reply has been set as private.

[Robert]

Hi @GaNcorp,
I just fixed this issue for you, it will be available in next update but until then you can put these lines in admin/theme options/quick css box:

COPY CODE

.panel-kleo.icons-to-left .accordion-toggle {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-left:30px;
}


.panel-kleo.icons-to-left span.icon-closed,
.panel-kleo.icons-to-left span.icon-opened {
	position: absolute;
	top: 1px;
	left: 0;
}

Let me know if this works for you.

Regards,
Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Robert - Front-end developer and UI graphics enthusiast.

[GaNcorp]

This fixes it. Thanks!

[markob17]

Hi, looks like this css fix resolves the issue, however, it still hasn’t been added to kleo updates. I am running latest version (march 2016 version) and the issue still occurs if I don’t manually add the css in this thread.

[Author]

Posts