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

[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

[GaNcorp]

We are in maintenance mode right now but i set up an admin login for you:

http://www.geeksandnerds.org/wp-login.php
username: 0AKLEO
pword: kleopword11

Here is the page in question:
http://www.geeksandnerds.org/about-3/

I think it is just an oversight in the CSS where you didn’t anticipate a title being this long.

[GaNcorp]

The FAQ/accordion has been moved to the this page:
http://www.geeksandnerds.org/apply/

[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

[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