may you please help me to remove the jumping headline in the full-width slider?
I only can see this effect in Firefox.
I had this effect in the past and it vanished with the help of the css-snippet provided here: https://kriesi.at/support/topic/slider-1-pixel-gap-and-full-width-masonry-gallery/#post-376833
The effect appears again and can be triggered by hovering the button “mehr erfahren”. But the above mentioned css-snippet is still in place (compare lines 1191 in custom-css).
You will see a jumping caption headline, while the caption text and the button stay in place.
May you please help me to get rid of this visual bug?
Thank you for using Enfold.
I checked the site on Firefox, Windows 8 but I can’t reproduce the issue. Is it possible for you to provide a screenshot? Use imgur or dropbox.
please see the two screenshots, i marked with red arrow the 1px jumping headline.
I use: Windows 7, Firefox.
Important: Text-Zoom 100%
In Google Chrome the 1px-gap does not happen at all.
We could try using conditional css so the caption is placed 1 px higher on webkit browsers. But just so you know, their are other slight misalignments throughout the browsers.
Below is a screenshot comparison of Chrome and IE:
Dear Dake, dear all others,
to put it short: Issue solved.
Thanks for you time and the approach with conditional tags.
I decided to use the option “link to slide” instead of the button, due to the available space especially on small mobile devices.
Without the button, the headline 1px gap does not appear anymore.
Kind regads and some ice-cold greetings according to the hot weather.
The topic ‘Fullwidth Slider: How to remove the jumping headline in the full-width slider’ is closed to new replies.