This topic has 5 replies, 4 voices, and was last updated 8 years by 
-
-
Hi, when viewing the Kleo Accordion toggle on smaller responsive resolutions, the + / – icon on the left floats below the title text for some reason (see screenshot). On other themes I used, the + / – icon would stay to the left of the text just like when viewing on larger screens. Any way to fix this? This styling looks bad.
Thanks,
mark
For 7th’s guys, this is what i was writing about in https://archived.seventhqueen.com/forums/topic/kleo-posts-no-longer-working/#post-109310
Hi, sorry for my late reply. How small is that since it does not seem like a mobile resolution?
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.Happens on all mobile resolutions. I actually found an existing thread on this support forum that provided a CSS solution that fixes this issue. It is below. However, I believe on that same thread you guys said this css fix would be incorporated into later Kleo updates yet it still occurs, so appears it slipped through the cracks. Maybe something to add to your timeline for the next Kleo update.
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;}Regards,
markThanks for sharing. Will do some more tests and make sure that the next update fixes it.
All the best
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.
The topic ‘Kleo Accordion CSS Issue’ is closed to new replies.
