Third line of Toggle title not indented?
-
Hi there ??
Slightly strange problem here. I’ve added a list of ‘Toggled FAQ question to this page:
https://horizonimaging.flywheelstaging.com/services/drone-photography-services/
But on very narrow browsers like a mobile in portrait mode, the text wraps onto three lines and the third line then isn’t indented – please see here:
https://www.horizonimagingportal.co.uk/misc/wordpress_toggle_indent_problem.jpeg
It’s only the title that’s affected, the ‘answer’ (the text you see when you toggle the question) is indented just fine.
It seems the only reason the text is indented on the second line at all is that the toggle icon on the left has some invisible space under it that blocks the text from wrapping back to the start of the line.
Adding more padding under the toggle icon fixes the 3rd line indent problem, but then makes all the other toggle elements indent further and further into the page! See here:
https://www.horizonimagingportal.co.uk/misc/wordpress_toggle_indent_problem_2.jpeg
So we just need some code that affects only the current toggle title and not anything else underneath it …
Any ideas what I can do to fix this?
Many thanks!
David
The page I need help with: [log in to see the link]
- The topic ‘Third line of Toggle title not indented?’ is closed to new replies.