When loading the homepage, everything is fine, but after a few seconds the image resizes slightly (only happens when there is no scroll bar, which I want) and when the next slide comes the heading “Neue Musik” shifts to the right a tiny bit.
That really annoys me. What can we do about that?
Greetings
Andre
Hello Andre,
Thanks for posting in!
Your image moves to the side because the images were added as a layer into each slide. We highly recommend that you use the image as a slide background image. Please edit your slider and delete the image layers in each of the slides. You will have to add it as a background image for each slides. You can add the slide background image in the Slide Options.
To learn more how you can create a header slider, please check out this video tutorial:
Hope this helps.
Hi,
the slider still stretches, it is because the overflow bar gets hidden afterwards. - It doesn’t work.
Hi Andre,
That’s the alternative for the issue you were having. We can do adjustment on how the background image shows. You may adjust background position, or try other background size. You might also try adjusting the header height so that you background image is more appropriate to your slider height.
Hope this helps.
Hi there,
everything I tried doesn’t seem to work… is it possible to let the overflow bar hide before the slider loads so there is no stretching happening?
I’ve noticed that when there is scolling enabled, the resizing doesn’t appear, as I said.
Thanks,
Andre
Hi Andre,
I’m not sure what you mean by the overflow bar. But it seems that you already fixed the issue as I checked the website and the images are black and white and they do not change position anymore.
In general, please make sure that you use a background image and if there is a problem on positioning, make sure that you use the responsive view tricks mentioned in the video below:
Thank you.
Hi Christopher,
with the overflow bar I mean the scrollbar. It still isn’t fixed, the images still resize and I can’t find a solution. I think it resizes because the slider doesn’t recognize that the scrollbar gets hidden before it loads, so it has to adjust afterwards…
I’d be really happy if we could find a solution because the launch date comes closer and closer…
Hey Andre,
I checked your setup and found a JavaScript code for displaying the current year in the footer’s copyright section in the text element which was causing the issue with the scrollbar. I went ahead and replaced the code with the static year value i.e “2020”. This seems to have resolved the issue.
Can you please clear your browser’s cache completely and check the page again? Here’s the backup of your JavaScript code you had:
<script type="text/JavaScript">
document.write(new Date().getFullYear());
</script>
I’d recommend you to use the JS section to write scripts instead of writing in the text element:
Let us know how it goes!
Hi there,
this impacted it, it works way better now, but it still resizes when the slide changes.
Could anything else be causing the problem? I can still see the scrollbar for a few seconds, but it’s the grey color from google chrome, without the actual dark grey thing to scroll with.
Thanks,
Andre
Hello Andre,
Unfortunately, I can’t duplicate the issue anymore. I have recorded a screencast. Can you check in case I missed something here? Please clarify.
Hi,
you can’t replicate it because you are logged in and the scrollbar appears. If it doesn’t, which I want that way, it still resizes.
Hi Andre,
That is strange. I still can not replicate the position change problem that you are talking about. I was not logged in and also made sure that I clear my browser cache so that I can have the correct version.
The result was still the same with no issues. I used Chrome browser on Mac. Would you please kindly make sure that you clear your browser cache or try the website with another browser?
It might be an isolated issue for your browser.
Thank you.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.