Jump to content

Bxslider in 6.0.2 not working


Recommended Posts

When the bxslider is merged with the foundation framework there is a conflict with the foundation css that effects the layout of the slider. On a large screen the controls on the right to advance the slides are touching the border but they arent on the left. On a mobile the image has no border on the left but a border on the top, right and bottom. I have had a look at the css but can't see where the conflict is.

 

I also installed another V6.0.2 test site through Installatron and there was no slider at all.

Link to comment
Share on other sites

Fix is

 

In file foundation/css/jquery.bxslider.css find

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border:  5px solid #fff;
    left: -5px;
    background: #fff;

change setting to

    left: 0px;

 

Link to comment
Share on other sites

Fix is

In file foundation/css/jquery.bxslider.css find

.bx-wrapper .bx-viewport {

-moz-box-shadow: 0 0 5px #ccc;

-webkit-box-shadow: 0 0 5px #ccc;

box-shadow: 0 0 5px #ccc;

border: 5px solid #fff;

left: -5px;

background: #fff;

change setting to

left: 0px;

I have noticed this fixes the issue but also causes the slider to become stuck. If you are on the third slide and you scroll the page slowly it stops on the first slide after the transition?

I have noticed this on small and medium devices?

Link to comment
Share on other sites

 

I have noticed the slider action stops if the viewport's dimensions are changed rapidly enough, however minor - sometimes - regardless of the viewport's size. I blamed my browser - Firefox 36.

 

This is an issue that the developer is aware of. A new release is due soon which should fix the problem. In the meantime there are a few suggested fixes that I will have a look at and report back.

Link to comment
Share on other sites

I have managed to replicate the issue with -5px but it is however a lot more difficult to do.

 

Haven't managed to recreate this problem so not sure what the cause could be. Have you tried using the start and pause buttons (see earlier post)? Does the start button work if the slide becomes stuck?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...