support@launchedcreative.com

Website Kit Support & Documentation

Spectrum Website Kit

Menu Setup-Spectrum

Customize Your Website Menu To Fit Your Business

Follow along to see how to make these changes in the easy steps below.

To Get Started Making Menu Changes:

Navigate To Your WordPress Dashboard > Appearance> Click Menus

You are now in the Menus area of your WordPress Website.

Video Tutorials

Note: Effective 1/15/21, Spectrum Kit will be available as a One Click Install package. The demo site menu will be automatically imported into your wordpress website. You can follow the instructions below to add a new menu or change the existing menu.

Custom Menu Anchor Links

1- Setting Custom Menu Links

Anchor Links

You can create custom menu links (known as “anchor links”) for:

  • Buttons
  • Call To Action modules
  • Text Links
  • Menus (in your header and footer)
  • Just about anywhere you can insert a link

Instead of having links take you to a whole page, you can create custom links to take your website visitor directly to the relevant sections on a page.

When clicked, these custom links can take you to the relevant section on the same page using a smooth scrolling effect or drop down exactly where you want your visitor to land on a new page.

This can be accomplished using custom ID’s in your modules or elements. Any element on the page that is built with the builder can be assigned an ID.

How to set a custom ID to create a custom menu link:

To assign an ID to a section, row, or module, simply:

  1. click on the sectionrowor module settings icon
  2. Click the “advanced” tab
  3. Click the “CSS ID & Classes” setting
  4. In the “CSS ID” field, write a simple, one word identifier to set the ID

Using anchor links in Divi

Once an ID has been assigned, you can then link to it from the navigation menu or use the anchor within any module (buttons, text links, CTA, etc.) by using the anchor with a # sign in front.

For example, let’s say you have a section called “About Us” and you want it to link to the part of your page that describes your company.

  1. Edit the section that contains your About Us content
  2. Enter “aboutus” into the “CSS ID” field
  3. click “Save”

Now that an ID has been assigned, we can point a link to it like this in any text module within your page: /home/#aboutus

Link Structure: /page/#anchorlink

Be sure to include the page the anchor link is found on!

Link Anchors look in Menu:

Link Anchors in any module (button, link, etc)

Using anchor links in Divi

Link Anchors as a hyperlink within text: