Forum

Important - Hands Up!

- Please ask using the account with which you made the purchase or download of our products and in its respective category.

* ADD PRODUCT NAME IN START OF SUBJET

Barbon - Problem with Slideshow Button SP-Pagebuilder after scroll

spike Premium Member
Topic Author 4 years 3 weeks ago #1

I don´t know why, But after scroll site on Mobile, it´s not possible to push the button of the first slider "Book now" or second slider "Shop now".

If the page is fresh loading, buttons can be pushed and the link works.

Second problem is, at some Samsung Mobile Devices with Samsung Browser, the slider the content is not positioned correctly but at the top of the Page (under the logo).

I really hope you can help me, i´ve checked many settings, but without success.

Thanks in Advance.

Please Log in or Create an account to join the conversation.

leoalv Moderator
4 years 3 weeks ago #2

Solution to your first problem: Edit the addon slider and in Style tab >> Cusom CSS add:

Code:

#addonId  a{position:relative;z-index:1;}

Your second problem also happens in our barbon demo?

Regards

Please Log in or Create an account to join the conversation.

spike Premium Member
Topic Author 4 years 3 weeks ago #3

Thanks for your help. You mean the id of the buttom? My browser sayed it´s:
<a id="sp-slider-inner-item-1626323190482-num-3-key"

I´ve added
#sp-slider-inner-item-1626323190482-num-3-key a {position:relative;z-index:1;}
in Css (Style-Tab)

but now success. There is still the same problem

Please Log in or Create an account to join the conversation.

leoalv Moderator
4 years 3 weeks ago #4

My message is clear, it says to add the code in the STYLE tab >> Custom CSS, not in the CSS class field.

Please Log in or Create an account to join the conversation.

spike Premium Member
Topic Author 4 years 3 weeks ago #5

I think i hade it done, like you said:

CSS-Class is empty.

But somehow it doesn't want to work. I´m sorry

Attachments:

Please Log in or Create an account to join the conversation.

leoalv Moderator
4 years 3 weeks ago #6

You have not done what I told you, you have pasted another code, I gave you this:

Code:

#addonId a{position:relative;z-index:1;}

Please Log in or Create an account to join the conversation.

spike Premium Member
Topic Author 4 years 3 weeks ago #7

ok, sorry i thought i had to add the addon-id. had used the code originally mentioned first. And now again. But it won't work. I'm really uncomfortable, sorry

Attachments:

Please Log in or Create an account to join the conversation.

leoalv Moderator
4 years 3 weeks ago #8

Try add following code in same place:

Code:

#addonId .sp-item.active{position:relative!important;z-index:1!important;}

Please Log in or Create an account to join the conversation.

spike Premium Member
Topic Author 4 years 3 weeks ago #9

Thank you, but unfortunately no success.

Please Log in or Create an account to join the conversation.

leoalv Moderator
4 years 3 weeks ago #10

apparently it is a slider bug that occurs when touching the screen and this is not to slide the slider but in any other direction:
Try to paste this this in the same place.

Code:

#addonId .sp-item.next-item{z-index:0}

The following user(s) said Thank You: spike

Please Log in or Create an account to join the conversation.

spike Premium Member
Topic Author 4 years 3 weeks ago #11

That´s the trick! Now it works. Thank you very much!

Please Log in or Create an account to join the conversation.

77,837+

Happy customers guarantee our Templates and Extensions

Join Now

Products

Company

Support

Secure Payment

Use your cards with Paypal.