Fix: Section Navigation not working
-
Hi!
I cam across a bug:
on safari the section navigation shows no bullet circle, only the point of the active site.
Chrome desktop does.
I investigated this and found that safari only accepts keyframes, if all 100% are used.
therefore it ignores the c-bully__bullet–pop, but c-bully__bullet–current is shown (you see the dot where you are), but not the circle for the possible navigations.
This is, as the stylesheet does not provide information for all 100% of the keyframe.
Thefore in the style.css @-webkit-keyframes bully-pop and @keyframes bully-pop need to have 0% information added as the just provide 50% and 100%. The 0% is never used, but otherwise safari ignores it.
So the change needed is in stylesheet.css@-webkit-keyframes bully-pop { 50% { -webkit-transform: scale(0.7); transform: scale(0.7); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bully-pop { 50% { -webkit-transform: scale(0.7); transform: scale(0.7); } 100% { -webkit-transform: scale(1); transform: scale(1); } }
to
@-webkit-keyframes bully-pop { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(0.7); transform: scale(0.7); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bully-pop { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(0.7); transform: scale(0.7); } 100% { -webkit-transform: scale(1); transform: scale(1); } }
- The topic ‘Fix: Section Navigation not working’ is closed to new replies.