Tagged: 

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #291482

    Good morning all,

    In case of a one-page (parallax) website which has a menu header, I would like it to be possible when I click on one of the items in the menu header that the page immediately scrolls down to that part of the page the menu item refers to.

    For example:
    I have a menu item called ‘Blog’. If I click on this menu item on top of the page in the menu bar, the page drops down to the part that refers to the Blog.

    I hope I’ve explained myself correctly and would like to know which settings I have to adjust to create the example given above.

    Kind regards

    Sander Kleijn

    #291487
    #291558

    Hello Yigit,

    Thnx for the quick feedback. I immediately used the layout item ‘color section’. That works well, except for the advanced layer sliders I’m using and the fullwidth Masonry I use for my blog.

    The ALS and FW Masonry don’t seem to fit into the color section. Is there a way to solve this issue.

    Kind regards,

    Sander

    #292089

    Hi!

    You can set ID to LayerSlider as shown in screenshot here – http://i.imgur.com/0jhKfU1.png
    You forgot to post the link to your website so i could not check but i guess you are using an older version of the theme. Please update Enfold to the latest version 2.9.1 via FTP – http://vimeo.com/67209750
    Masonry element is not only fullwidth anymore

    Best regards,
    Yigit

    #292191
    This reply has been marked as private.
    #292194

    Hi!

    I just checked your website and you are using the version 2.7.1 and not 2.9.1. Please see the video tutorial about updating the theme via FTP in the link i have posted above.
    Yes, you give an ID there. Then you can use it as an anchor point, please also see – http://www.kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/

    Best regards,
    Yigit

    #293349

    Hi Yigit,

    I updated the version to 2.9.1 and added the names of my pages to the ID under ‘attributes’ of all my layer sliders.

    I then made sure to use ‘color section’ to both my parallax pages and added the name of the page to the ID section.

    If I view the one page website, it still refers to the ‘page’ when I click e.g. ‘prijzen’ in the header. It doesn’t stay on the one-page website and scrolls down to the part that refers to ‘prijzen’.

    What am I missing here? Would you be so kind to take another look.

    Kind regards

    Sander

    #293544

    Hi!

    Thank you for the update.

    You don’t have to create a new page for the section. You need to use the Color Section element on the same page then add an id to it. Please review the article here: http://www.kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/

    For example, create a color section with an id “blog” then a Blog Posts element to it. Create a new menu item called blog then add the anchor link which is “#blog”.

    Cheers!
    Ismael

    #293546

    Hi Sander!

    Could you specify what part (section or layerslider) refers to ‘prijzen’?

    Best regards,
    Josue

    #293630

    Hi Josue,

    Yes I can! In both parallax pages it’s the color section part which contains the Table, just above the color section with the Masonry (Blog).

    Best regards,

    Sander

    #293689

    Hey!

    Thank you for the info but I guess you’re doing it wrong. Please refer to my answer above.

    Regards,
    Ismael

    #293742

    Hello Ismael,

    I musrt be doing something wrong, cause it ain’t working! It’s just not clear to me, what it is I’m doing wrong, even with the info you gave me.

    Best regards,

    Sander

    #294513

    Hi Sander!

    I am sorry but i am a bit confused. I have checked all of your pages and you are not using one page layout. Could you please explain once again, which button should take visitor to which section? We can create one example and then you can replicate it

    Best regards,
    Yigit

    #294545

    Hi Yigit,

    Thank God, I’m not the only one that is confused :) :)

    Visualizing by creating an example would be great, thanks very much!

    As you can see in ‘Appearance>Menu’ I’ve created a different menu for each website I’ve created.

    In this case I suggest we use the page Home Parallax D, as I’ve set the menu to this page. The menu consists of:

    Button ‘Filosofie': this should take you to the section with the advanced layer slider that contains ‘Filosofie’

    Button ‘Dingen': this should take you to the section with the advanced layer slider that contains ‘Dingen’

    Button ‘Prijzen': this should take you to the color section which contains Table (right below the social media icons)

    Button ‘Contact': this should take you to the color section with the ‘contact form’ and “Alle leven is ontmoeting”.

    Regarding the advanced layer sliders ‘Filosofie’ and ‘Dingen':

    With advanced layer slider ‘Filosofie’, under Attributes>ID I’ve added an Anchor to all the 9 layers…….
    and with ‘Dingen’ I did exactly the same with every single slide.

    I hope this information helps you to create an example.

    Best regards,

    Sander

    #294693

    Hey Sander!

    Please go to Appearance > Menus > Manage Location and choose “one page” as your Enfold main menu. Then go to your page called “home-parallax-d-2″ and use navigation items to scroll to the sections.

    Cheers!
    Yigit

    #294954

    Hi Yigit,

    This works perfect! Thnx very much :)

    I do have a question about the menu:

    When I look at the one page menu you’ve created, I noticed all the elements are marked as ‘custom’, and there is a URL added to it. In my other menus all the elements are marked as ‘page’. How do I change this into ‘custom’, in case I want to add another element or use ‘home-parallax M & D’ as a one page website.

    Best regards,

    Sander

    #294974

    Hi Sander!

    You are welcome :)
    You can add custom links in Appearance > Menus > Links as shown in screenshot here – http://i.imgur.com/JUdaLsZ.png

    Best regards,
    Yigit

    #295067

    Yigit,

    Many thnx for your persistance! Both parallax versions work like I imagened.

    It’sjust that the customizing part in the menu wasn’t clear to me :) :)

    If I decide to use the one page version, is it possible then to delete the individual pages I’ve created without doing any harm?

    Best regards!

    Sander

    #295098

    Hey Sander!

    Yes, you can trash them unless you’d want to use them as internal pages later.

    Regards,
    Josue

Viewing 19 posts - 1 through 19 (of 19 total)

You must be logged in to reply to this topic.