troubleshooting Question

responsive tracker cuts off words on smaller screens

Avatar of Jim Schwetz
Jim Schwetz asked on
iPad* css3* HTML 5
3 Comments1 Solution155 ViewsLast Modified:
Trying to create a 5-stage tracker, The IPad is the smallest screen this has to work on.
To create the chevrons, I used a rectangle and a diamond.  But the diamond covers the text on the rectangle when in iPad size.
I used z-index to give each step its own layer trying to pull the rectangles above the diamonds.
Here is the fiddle:

If you know of a better way to create this tracker, please share.  this is like the 30th version.  :(

Image of my tracker
Eoin OSullivan

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 1 Answer and 3 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 3 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros