How to Setup Menu Items for One-Page Sections in Serenity

In order for the menu to work on the one-page template you need to create Custom Links for each of the sections, using their respective ID’s.

In your Admin Dashboard navigate to Appearance > Menus and click on the arrow next to Custom Links.

  1. Enter the ID of the section you wish to create a menu for, preceded by a forward slash (/) and a hashtag (#). See below screenshot.
  2. Enter the name of the Menu Item.
  3. Click Add to Menu.

Repeat the process for each of the sections you wish to have menu items for.

Here is a list of the ID’s for each of the one-page sections.

Hero/Welcome Section

/#hero

Features Section

/#features

About Section

/#about

Team Members Section

/#team

Progress Bars Section

/#bars

Animated Counters (Stats) Section

/#counters

Video Section

/#video

Services Section

/#services

Pricing Tables Section

/#pricing

Center Showcase Section

/#showcase

WooCommerce (Online Shop) Section

/#woocommerce

Frequently Asked Questions Section

/#faq

Testimonials Section

/#testimonials

Call to Action Section

/#calltoaction

Client Logos Section

#clients

Brand Logos Section

/#brands

Photo Gallery Section

#gallery

Latest Blogs Section

/#blog

Newsletter Section

/#newsletter

Google Maps Section

/#googlemap

Contact Section

/#contact