If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

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:

drupal_anchored_navigation_1

  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:

    drupal_anchored_navigation_2

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

    drupal_anchored_navigation_3

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

    drupal_anchored_navigation_4

  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:

    drupal_anchored_navigation_5

  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:

    drupal_anchored_navigation_6

  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