Jul 10, 2018 | Divi Resources

How to link to a Divi page section from menu

Smooth scrolling links can be created from a Divi menu item to any section or module on a page.

Here are the basic steps which are involved in this process:

  1. Edit the section/row/module and navigate to Advanced tab.
  2. Assign an ID. It will be used as an anchor and will be visible on the browser’s address bar. In our case, we took meet-the-doctor.
  3. Go to Menu editor and add a custom link with following details:
    1. URL #meet-the-doctor.  (For single page website with all sections on 1 page)
    2. URL http://demo.diviextended.com/divi-dental/our-office/#meet-the-doctor (For multiple pages based websites)
    3. Link Text: Anything you prefer. In our case, we used Meet the Doctor.

 

Divi Menu to Page Link

Step 1

 

Divi Menu to Page Link

Step 2

 

Divi Menu to Page Link

Step 3.1

 

Divi Menu to Page Link

Step 3.2

Check out this video from ElegantThemes on how to set up an Anchor Link on a Divi page. Or get in touch with us for more additional help.

Posted By:
Marshall
Marshall is creative head at Elicus and works with the team to bring ideas to life. He is strongly focused on delivering a quality experience to clients and customers.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Divi Flexile Hero Sections – A pack of Ultimate Divi Hero Sections

Divi Flexile Hero Sections – A pack of Ultimate Divi Hero Sections

If you want to put a magnificent impression on the user from the very start of your website, it’s essential that the website's hero section should look engaging and impressive from each angle. Using Divi hero sections of the Divi Flexile Hero Sections pack, it’s easy...

Divi Flexile Footers – A pack of Ultimate Divi Footers

Divi Flexile Footers – A pack of Ultimate Divi Footers

Footers provide users with a lot of useful information, whether it is the footer menu, short info about the business, or social icons. You can use a Divi footer to emphasize your website’s bottom area for better user interaction and get multiple goals fulfilled, such...

How to add an Ajax Add to Cart button to Shop module in Divi

How to add an Ajax Add to Cart button to Shop module in Divi

By default, when you insert the shop module in the Divi theme, you don't get any add to cart button. The shop module only displays products with pricing, sale tag (if the products are on sale), and a sorting filter, but no "Add to Cart." However, you've probably seen...