Hello JoomShaper Support,
I am having an issue with a button inside the SP Page Builder Slider.
Visually, the button appears correctly, but the link only works when I click on a small area of the button. Clicking other parts of the visible button does nothing.
The HTML generated for the button is:
<a id="sp-slider-inner-item-1601922222921-num-2-key"
class="sppb-sp-slider-button"
href="/manacelestial.org/es/ensenanzas/el-matrimonio"
data-layer="true">
<span class="sp-slider-btn-text">
<span class="sp-slider-btn-icon">
<i class="fas fa-book-open"></i>
</span>
Leer más
</span>
</a>
I noticed something important while testing the slider:
When I disable the option “Slider Content Vertically Center”, the button works correctly and the entire button area becomes clickable.
However, after disabling that option, the slider content is no longer vertically centered.
So the issue seems to be directly related to the “Slider Content Vertically Center” option. When it is enabled, it appears that another layer, container, or positioning element may be overlapping the button and preventing clicks on part of it.
Could you please check whether this is a known issue or bug in the SP Page Builder Slider?
I would like to keep Slider Content Vertically Center enabled, because I need the content to remain vertically centered, while also having the entire button clickable.
Note: The problem is more noticeable on mobile than on desktop, but also on desktop.
Example page/button:
https://manacelestial.org/
image
https://prnt.sc/UYcxKPLtl_Kj
thanks