scrolling not jumping

Hi,
About the links, I’m not sure what you mean by “I would find it a little irritating with this nomenclature.”
I think you mean that the names of the links are irritating, if this is what you mean, then I would point out that you can change it to anything, it is the section ID’s that you named. Would you like help changing them?

For your two “X”‘s they seem to both click to their sections for me, the left one goes to the first section below & the right one goes to the second section below.
I’m not sure what the mouse-over was, I do see the “image title” on mouse-over. The one on the left is higher because in your css the “top” is set to 80px, where the right one is set to 170px.

We can change the color of the header, if you want it to be transparent it might be hard to see. I was able to put together a script to change the header color based on how far you scroll in px. I’m not sure how well it will work in mobile.
This is what it looks like:

function custom_script(){
  ?>
  <script>
$(window).scroll(function() {    
    var scroll = $(window).scrollTop();
 if (scroll <= 600) {
        $("#header_main").css("background-color", "transparent");
    } 
if (scroll >= 600) {
        $("#header_main").css("background-color", "red");
    } 
if (scroll >= 1200) {
        $("#header_main").css("background-color", "blue");
    } 
if (scroll >= 1800) {
        $("#header_main").css("background-color", "green");
    } 
})
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Just let me know if you want to try it.

Best regards,
Mike

Hi,
1: To add your gif as a hover effect try to follow this css example Another option is this jQuery example or this one
2: Sorry I don’t know what the “rhombus sign” is, can you include a screenshot?
3: The theme has two logo options at: Enfold Theme Options > Header > Transparency Options > Transparency Logo and Enfold Theme Options > Logo so when you have a transparent header the logo changes on scroll between these two settings. Please try changing your Enfold Theme Options > Logo so after scroll your logo will be seen, right now it’s white on white, or not seen.
4: I see your issue with the “Schuhschrank” image link that is over the word “MANUFAKTUR”, the link does work and scrolls nice, but you can’t click it because the word “MANUFAKTUR” is on top of the image/link we need to change the z-index.
I have been able to change the z-index with this css:

#top.home #manufaktur_weiche > div > div.container {
    z-index: 10 !important; 
    position: relative;
}

Please clear your browser cache and check :)

Best regards,
Mike

Hi,
1: I added the jQuery example to your site, the script is in a code block element below your image. It look like this:

(function($){
$(document).ready(function()
{
    $(".kreuz_manufaktur img").hover(
        function()
        {
            $(this).attr("src", "http://your-site.de/wp-content/uploads/2019/03/KREUZ-GIF-ANIMATION-WERKSTATT_MorePixelise-1.gif");
        },
        function()
        {
            $(this).attr("src", "http://your-site.de/wp-content/uploads/2019/02/KreuzManufactur.png");
        }                         
    );                  
});
})(jQuery);

naturally I replaced “your-site.de” with your real url :)
Please clear your browser cache and check, it is working for me on hover, but your gif needs to be transparent. You can use the tool here to make it transparent.

2: Oh “Rhombus” is the “pound sign” or “hash tag”
Yes for anchor links you have to use the “Rhombus”

3: yes use a colorful logo so on scroll it shows.

4: I did place the “MANUFAKTUR” as a “background” it is now behind the images, Please clear your browser cache and check, your link now works! Great news, please try :)
Let us know if you want to hide the on-hover green arrow icon.

Best regards,
Mike

Hi,
I took a look at “MANUFAKTUR” and found that setting the width to 100% centered the word. It is not behind the icons anymore, but I’m unsure if that is what you want.
T looked at “moebel” and see the opacity is set to 0.5, which is 50% faded. If you want it faded more try 0.3

opacity: 0.3;

Best regards,
Mike

Hi,
To have the word “moebel” slowly fade in, please try this css:

span.moebel {
  opacity: 1;
  animation-name: fadeInOpacity!important; 
  animation-timing-function: ease-in !important; 
  animation-duration: 3s!important; 
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

Best regards,
Mike

Hi,
When you add the css to a code block element, like I did before it must be wrapped in a “style” tag:

<style> ... </style>

It also won’t work in a text block element.
I don’t know when requests will be more relaxed, but I’ll keep checking yours each time I login.
So to change the logo for black or white like it is right now, I used two logos, one at Enfold Theme Options > Logo

and the other at Enfold Theme Options > Header > Logo-Transparenz

This was your #4 question above.
Best regards,
Mike

Hi,
Sorry I didn’t write any css to change the color of the logo, I used two different logo images in the two logo places that I described above.
For an ID to the slider, the slider already has an ID #fullscreen_slider_1 Please try the link in the Private Content area, just use this ID

Best regards,
Mike

Hi,
The slider doesn’t have the option to change the ID it only has the option to change the class, but if you really want to change it, then add the custom class “custom-slider” to it, and then add this code to the end of your functions.php file in Appearance > Editor:

function add_custom_id(){
?>
<script>
jQuery(window).load(function(){
jQuery('#fullscreen_slider_1.custom-slider').attr('id','experience');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_id');

in the code above change the ID “experience” to what you want the ID to be.
It looks like your shop button is behind the slider because of z-index, and this should help, but as your going to be changing the ID of the slider this will need to be updated:

.shopbutton {
    position: relative !important; 
    z-index: 999 !important; 
}
#fullscreen-slider_1.avia-fullscreen-slider {
    position: relative !important; 
    z-index: 1 !important; 
}

For backing up your site I recommend using the Full Backup tools that your webhost provides, most plugins fail when you try to restore to a site that has crashed, and that is when you need it the most.

For the logo options, basically there are two logos one before scroll and one after scroll that is basically how it works.

Best regards,
Mike