Navigation arrow incorrect

  • Resolved Jonathan

    (@rebelscale)


    8 years, 5 months ago

    Using the Vantage Flex Slider and for several weeks I have noticed that the scroll right/next picture arrow is pointing to the left. It’s the opposite of what it needs to be.

    I tried recreating the slider, but it still happens. It’s not a huge issue, but I’d like to know if there’s anything I can do about it.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Kevin Batdorf

    (@kbat82)

    8 years, 5 months ago

    Hi @rebelscale,

    I recommend you bring this issue up with Vantage’s support. They are very helpful there. It looks like they just need to be more specific with their CSS rules for their next release. https://ww.wp.xz.cn/support/theme/vantage

    To fix it now, you could try adding this to your stylesheet:

    body .metaslider .flexslider .flex-direction-nav li a {
    z-index: 200;
    display: block;
    position: absolute;
    top: 50%;
    text-indent: -99999px;
    width: 32px;
    height: 85px;
    margin-top: -52px;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

body .metaslider .flexslider .flex-direction-nav li a.flex-prev {
    left: 0;
    background: url(http://www.rebelscale.com/wp-content/themes/vantage/images/sprites/gallery-prev.png);
}

body .metaslider .flexslider .flex-direction-nav li a.flex-next {
    right: 0;
    background: url(http://www.rebelscale.com/wp-content/themes/vantage/images/sprites/gallery-next.png);
}
    Kevin Batdorf

    (@kbat82)

    8 years, 5 months ago

    Hi @rebelscale,

    I’ll mark this as resolved now. I checked your site and it looks like it worked out. Have a nice weekend!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Navigation arrow incorrect’ is closed to new replies.