Any help/guidance on this is appreciated.
Info-graphic Bullseyes Issues:
The issues I’m encountering:
On a computer/laptop:
Chrome and firefox seem to work fine (see Loom Video)
For Safari the bullseye disappears when it’s corresponding text is featured. I believe this is similar to the iphone issue where safari does not support font colour changes. (see Loom video).
I can try and copy what I did for small devices here so instead of changing the bullseye to red via font colour have a background red colour appear (behind the featured bullseye) but now I cannot figure out how I did the background colour change for small devices. I can’t even find where I set the background to ‘red’.
Thoughts on how I can recreate what I did with the red background for small screens?
They are supposed to change to red but not shift positions.
What setting do I need to change to stop the bullseyes from shifting? I’ve tried several different settings including margins, padding, etc without success.
The “Garage” bullseye disappears when it’s tab is featured. I can’t seem to duplicate the red background appearing behind the bullseye when the “Garage” tab is featured through the rotation like I did with the other tabs?
Any idea how I did/do this?. I have tried everything to recreate this for the Garage tab including copying the elements from the other tabs but have had no luck.
Again, any help/guidance on this is appreciated.