• Resolved tasaei

    (@tasaei)


    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);
      }
    }
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Fix: Section Navigation not working’ is closed to new replies.