How to make arrow buttons always show?

lioucd's picture
lioucd
Wed, 02/22/2017 - 09:47
#1
How to make arrow buttons always show?

How to make arrow buttons always show on screen regardless the mouse is hovering or not?

phuonght's picture
phuonght
Wed, 02/22/2017 - 21:23

Hi,

You can please custom CSS code as below:

.mdf-arrow-right {
right: 10px !important;
opacity: 1 !important;
}
.mdf-arrow-left {
right: 10px !important;
opacity: 1 !important;
}

lioucd's picture
lioucd
Thu, 02/23/2017 - 01:52

Sorry, but the arrows still show after hover only.

phuonght's picture
phuonght
Thu, 02/23/2017 - 21:30

So can you please send us your site url?

lioucd's picture
lioucd
Fri, 02/24/2017 - 08:18

Oh, sorry, I found it is ok in IE only, but is not work in Firefox or Chrome.

Here is url http://114.32.224.78/testentry/

phuonght's picture
phuonght
Sun, 02/26/2017 - 22:03

Please replace code at our comment #2 with below:

.md-item-wrap .md-arrow{
opacity: 1 !important;
}
.mdf-arrow-right {
right: 10px !important;
}
.mdf-arrow-left {
right: 10px !important;
}

lioucd's picture
lioucd
Sun, 03/05/2017 - 22:17

We found that the arrows is completely disappear on mobile's browser, also iPad.

phuonght's picture
phuonght
Mon, 03/06/2017 - 02:20

Can you please check your site url again? We went to link at your comment #5 but it did not work.

lioucd's picture
lioucd
Mon, 03/06/2017 - 22:50

Sorry, it works now.

lioucd's picture
lioucd
Fri, 03/17/2017 - 22:03

We also found that those dots cannot be selected in mobile device. That is, we cannot select slides randomly in mobile.

phuonght's picture
phuonght
Sun, 03/19/2017 - 22:25

Hi,

We checked http://114.32.224.78/testentry/ but bullets worked normally. Can you please check again?

lioucd's picture
lioucd
Sun, 03/19/2017 - 23:29

Sorry, it works, but not every time, I think it is due to the sensitivity and it doesy not reply that I had pressed the dot (those dots not inverted when I toch them).

Btw, the problem of those arrows could be showed in mobile?

phuonght's picture
phuonght
Mon, 03/20/2017 - 03:49

By default, arrow buttons do not display on mobile. User swipe left or right to go back/next slide.

To show arrow buttons on mobile, please add following CSS code:

.md-touchdevice .md-arrow-left, .md-touchdevice .md-arrow-right{
top: 50%; margin-top: -20px; display: block; bottom: inherit;
}
Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.