Skip navigation
phonzs
Currently Being Moderated

Just an Arrow question, hope a professional can help me

Oct 25, 2013 2:58 PM

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;

}

 
Replies

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points