Slider misbehaving

2 Views

I’ve implemented a slider plugin into my theme and unfortunately, some misbevahiour occurs when is activated using the golden info+ button.

The highlighted elements, is acting unusual:

Read More

-the left sidebar text and the lower right arrow, is changing its position going up or disappearing (depending on slider);

-the header logotext + menu, is jiggling at closing slider end position (I suppose that this has to do with an unwanted horrizontal scrolling bar that also appear at closing transition);
Live link here;

Is there any propper fix solutions for the above described tweaking the css? not so sure how to approach this.Thanks,

Post Views: 2

Related posts

1 comment

  1. I’ve figured out somehow 

    .shiftnav-wrap { 
  margin-top: -1px; /* thank you very much @zgood, logotext / menu is not jiggling anymore :) */
}

html {
  overflow-x: hidden; /* adding this line to hide the horizontal scrollbar that appear on slider closing phase */
}

#scroll_totop {
  top: 850px; /* instead of bottom: 25px to prevent disappearing */
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .bar-side > div {
     position: relative; /* to keep in place the jiggling left sidebar */
     margin-top: 612px;
   }
}

.bar-side > div {
  position: relative; /* to keep in place the jiggling left sidebar */
}

    Also, setting these transition-delay: .0s will make the slider translate in the same time with the wrapper and the sidebar text will remain uncovered by the slider in the opening phase.

    @media screen and (min-width: 767px) {
    .shiftnav-open .shiftnav-wrap {
        -webkit-transition-delay: .0s;
        -moz-transition-delay: .0s;
        -ms-transition-delay: .0s;
        -o-transition-delay: .0s;
        transition-delay: .0s
    }
}

Comments are closed.