Viewing 12 posts - 31 through 42 (of 42 total)
  • Author
    Posts
  • #1079086

    Hi,
    2: to show the menu when you scroll down, I enabled the “fixed header”
    2019-03-15-061617
    1: To link directly to each section please try the links in the Private Content area

    Best regards,
    Mike

    #1079130
    This reply has been marked as private.
    #1079203
    This reply has been marked as private.
    #1079320

    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

    #1080363
    This reply has been marked as private.
    #1080808

    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

    #1081100
    This reply has been marked as private.
    #1081138

    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/ (Purchase code hidden if logged out) .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

    #1081589
    This reply has been marked as private.
    #1081597
    This reply has been marked as private.
    #1081723

    Hi,
    I’m not sure that I explained the logo options well, so I created a logo for you in white, as an example.
    So the white logo is for before scroll, and the black one is after scroll. I also included the screenshot of the theme option for each.
    Please see the screenshot in Private Content area.
    This shows that you can have any two logos for before & after scroll.
    Please note that I created the logo quickly, you may want to improve on it.

    Best regards,
    Mike

    #1081951
    This reply has been marked as private.
Viewing 12 posts - 31 through 42 (of 42 total)

You must be logged in to reply to this topic.