Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 10, 2015 at 3:48 pm #516835
    Brendan

    Hi is it possible to anchor to the Full Screen Slider? I have added anchors to my color sections but notice there’s no developer ID option for the slider.

    I tried adding a code block above it and then setting it’s padding to 0 but it still leaves a small gap plus the active link changes for every color section but didn’t when I tried the code block.

    Many thanks in advance!

    • This topic was modified 9 years ago by Brendan.
    October 11, 2015 at 11:57 am #516924
    bluecafe

    You could look in your source code and use the id of your slider section … something like #full_slider_1

    If you have a onepager I am wondering if your active menu items show up correctly using the full width slider? Do you mind sharing an url?

    October 11, 2015 at 6:45 pm #517000
    Brendan

    Hmm, I did try add the slider id to the menu link but doesn’t work at all.

    All my active menu items work fine apart from the one I want to link to the full screen slider which is the second last section on the page.
    (Sorry can’t share a public link bluecafe as it’s a private client site.)

    October 11, 2015 at 7:39 pm #517012
    bluecafe

    Did you look in the source code if your slider id is really #full_slider_1? Maybe it is #full_slider_0 oder any other number. Firefox and Chrome both have tools to check the source code.

    October 11, 2015 at 7:41 pm #517013
    Brendan

    Indeed I did, i’m fully familiar with all dev tools. In my case it’s #fullscreen_slider_0

    • This reply was modified 9 years ago by Brendan.
    October 12, 2015 at 2:03 pm #517343
    Yigit

    Hi!

    As you already figured it out, #fullscreen_slider_0 should have worked. Are you trying to link “Welcome” menu item?
    Can you please elaborate on the changes you would like to make and create a temporary admin login and post it here privately?

    Cheers!
    Yigit

    October 12, 2015 at 2:09 pm #517345
    Brendan

    Hi Yigit,

    I want to link the “Experience” menu item to the fullscreen slider which is the second last section on the page. (#fullscreen_slider_0)

    Added login details.

    Thanks in advance!

    October 12, 2015 at 2:24 pm #517354
    Yigit

    Hi!

    I turned on custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then gave your slider a custom class and then added following code to Functions.php file of your child theme in Appearance > Editor

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

    Please review your website now :)

    Regards,
    Yigit

    October 12, 2015 at 2:27 pm #517355
    Brendan

    Hey Yigit, that seems to work great in terms of anchoring to the element.

    But the only issue I can see is the active link is the previous section. (If you click “Experience”, “Innovation” is marked as the active link.)

    Thanks in advance!

    October 12, 2015 at 2:32 pm #517362
    Yigit

    Hi!

    It does seem to work fine on my end [ please see screenshot in private content field below ]
    Which OS and browser are you using?

    Best regards,
    Yigit

    October 12, 2015 at 2:33 pm #517365
    Brendan

    Sorry my bad Yigit, browser was caching the old! Thanks that’s perfect, you’re a star as always!

    • This reply was modified 9 years ago by Brendan.
    October 12, 2015 at 2:38 pm #517368
    Yigit

    Hi!

    Well, that works fine on my end as well [ screenshot in private content field ].
    Please make sure that when you load the page, it does not have #welcome in your current link.

    Edit: You are welcome! We are always happy to help :) Let us know if you have any other questions or issues

    Cheers!
    Yigit

    • This reply was modified 9 years ago by Yigit.
  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Anchor to Full Screen Slider’ is closed to new replies.