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.
- If you bought our products in another market, ask your questions in that market, not here.

* ADD PRODUCT NAME IN START OF SUBJET

Barbon - Problem with Slideshow Button SP-Pagebuilder after scroll

spike Premium Member
Topic Author 3 years 1 week ago #1

This message contains confidential information

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
3 years 1 week 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 3 years 1 week 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

This message contains confidential information

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

leoalv Moderator
3 years 1 week 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 3 years 1 week 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
3 years 1 week 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 3 years 1 week 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
3 years 1 week 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 3 years 1 week ago #9

Thank you, but unfortunately no success.

This message contains confidential information

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

leoalv Moderator
3 years 1 week 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 3 years 1 week ago #11

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

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

75,540+

Happy customers guarantee our Templates and Extensions

Join Now

Products

Company

Support

Secure Payment

Use your cards with Paypal.