On this page, I have two sets of Magic Box instances. The thumbs in the second Magic Box (with video thumbnails) are slightly out of alignment when viewed on my iPhone 13 Pro.
I don't see any obvious differences in the Magic Box interface.
Thumbnails slightly out of alignment
(6 posts) (2 voices)-
Stephen
offlineMemberPosted 1 year ago -
The misalignment is caused by and em0pty set of <li> yags in the thumbnial html markup.
To fix:
- In Code View, locate the thumbnail markup for MBX_2 instance.
- At line 259 you'll see and empty <li>:
<li></li>
- Remove this empty <li>
Save the page.
The alignment should now work as expected.
Posted 1 year ago -
Stephen
offlineMemberThank you, that worked. Sorry to be so slow to respond.
Given that I don't know how that happened, is it a good idea to search the site for <li></li> to make sure I didn't make the same mistake elsewhere?
I don't mean a wholesale find and delete, but just to find any <li></li> and then delete it in code view.Posted 1 year ago -
Stephen
offlineMemberThanks.
Posted 1 year ago -
Stephen
offlineMemberIn a search of all my sites, I found only three other empty <li> tags. So, at least, it wasn't a systematic mistake.
Posted 1 year ago
Reply
You must log in to post.