Why are my arrows not positioned properly

my site is islamobec.com
my arrows have all the same css but only my first element is properly positioned and the rest are not why??
falfouliAsked:
Who is Participating?
 
nedloganConnect With a Mentor Commented:
Hi,
You could add the following:

.carousel {
    margin-left: 220px; /*current*/
    margin-right: 180px; /*NEW*/
}
At the moment the arrows are taking up as much width as is available. The ones on the left have a margin defined and the top one is forced in by the ad box.
Regards.
0
 
darren-w-Commented:
The banner is pushing the arrow next to the inner box, you need to encapsulate the two arrows and the inner box in a div and give it a width of about 170px.
0
 
falfouliAuthor Commented:
thank you!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.