How to build your OnePage Landing Page with Oppi?

Estimated reading : 2 minute

Oppi is a Multi-Niche App Showcase WordPress Theme. For user’s convenience, we integrate OnePage theme with Oppi Themes Package. Users can use OnePage theme for their business or personal work. To build your OnePage landing page with Oppi, you can follow our documentation.

How to define a CSS ID to link a Page Section with Menu Bar?

Ex; you want to link“Pricing”  Navigation with page “Pricing Table” section, like the following image.

Here, Pricing Menu already has added with front page Pricing Section. Now I want to show you, how to define a CSS ID for Menu Bar.

  • Go to your WP Dashboard
  • Navigate on Page Section and Click on All Page
  • Navigate your page, Which Page you want to Customize and Define New CSS ID for Linking with Page Section.
  • Then click on Edit With Elementor like the following image

Then Elementor will appear your desktop skin. Please follow the image below.

After selecting your section and writing CSS ID, just click on the UPDATE button from “Elementor”. After saving it, you will be done.

How to link the Page Section with a Specific Menu?
After creating a CSS ID, you have to link it with Menu Bar. After that, your Menu will be shown.

  • Go to your WP Dashboard
  • Navigate Appearance > Menus
  • Click On Custom Links >URL (write your CSS ID with #)
  • On the Link Text, write your Menu name (what you want to show on the Main Menu Bar)
  • Click Add to Menu
  • To do it easily, can follow the image below.

After that, your menu will appear on the webpage. Now you can drag your Menu where you want to place the menu.


Still Stuck?

We can help you. Our 24/7 support team are ready to help you.

Was this article helpful to you? Yes No
Support Forum