3 Replies Latest reply on Oct 25, 2013 4:30 PM by phonzs

    Just an Arrow question, hope a professional can help me

    phonzs Level 1

      Ok, quick question  I manged to resize the circle from the link below in this jqeury cicrle. But i just have 1 last thing cant figure out and i tried playing with few different thing sand no matter what the arrows still shift.

       

       

      Here is the link I downloaded jqeury templete as you see from demo the arrows Im trying to stay with the cicle no matter what size screen you use ( mostly desktop & tablets ) I want to focus on not so much mobile devices.

       

      When I see it in my ipad the arrows one shifts to the far right and other shifts fae left so it doe not stay with the circle.

       

      The link:

       

      http://tympanus.net/codrops/2011/04/11/circular-discography-template/

       

       

       

      The code that surrounds the arrow buttons:

       

      }

      .cd_navigation a{

                width:85px;

                height:85px;

                position:fixed;

                left:50%;

                text-indent:-9000px;

                outline:none;

                opacity:0.6;

                z-index:999999;

                -webkit-transition: all 0.5s ease-in-out;

                -moz-transition: all 0.5s ease-in-out;

                -o-transition: all 0.5s ease-in-out;

                -transition: all 0.5s ease-in-out;

      }

      .cd_navigation a:hover{

                opacity:1.0;

      }

      .cd_navigation a.cd_prev{

                background:transparent url(../images/nav_prev_rotated.png) no-repeat center center;

                bottom:100px;

                margin-left:260px;

      }

      .cd_navigation a.cd_next{

                background:transparent url(../images/nav_next_rotated.png) no-repeat center center;

                top:150px;

                margin-left:200px;

      }