Drupal 7.x. How to work with the anchored navigation

Drupal 7.x. How to work with the anchored navigation

Our Support team is ready to present you a new tutorial that shows how to work with anchored navigation in Drupal:

1. To edit or add the content, please navigate to Structure > Blocks in your admin panel.

2. We will add a new block to front page and assign it to anchored navigation.

3. Click on Add new block link:

   

4. Type in Block title, Block description and Block Body:

   

5. Select the block location for themexxxx in Region settings area:

   

6. In order to assign block to Home page only, scroll to Visibility settings in block editing mode and switch to Pages tab.

7. In Show block on specific pages section, check Only the listed pages.

8. Type <front> to text field in the same tab:

   

9. Save block when you are done.

10. After creating and saving the block, you can proceed to Main menu editing.

11. Navigate to Structure > Menus > Main menu > Add link, type in Menu link title and Path:

    

12. In order to add menu item, type <front>#block-id in Path field, where #block-id – block or region id.

13. The following ids are available for using :

    • #home – page start id;

    • #content – Content region id;

    • #section_1_wrapper – Section 1 region id;

    • #section_2_wrapper – Section 2 region id;

    • #section_3_wrapper – Section 3 region id;

    • #section_4_wrapper – Section 4 region id;

    • #section_5_wrapper – Section 5 region id;

    • #section_6_wrapper – Section 6 region id;

    • #section_7_wrapper – Section 7 region id;

    • #section_8_wrapper – Section 8 region id;

    • #section_9_wrapper – Section 9 region id;

    • #section_10_wrapper – Section 10 region id;

    • any other block id

14. Click on Save when you are done.

15. Check the result on your website.

Feel free to check the detailed video tutorial below:

Drupal 7.x. How to work with the anchored navigation