Hi there,
Thank you for contacting us.
To achieve this functionality, you can add anchor links to sections within the “CargoDeals” page and then create a horizontal submenu that links to these sections. Here’s how you can do it:Step 1: Add Anchor Links to the Page Sections
- Edit the CargoDeals Page using Elementor
- For each section you want to link to, give it an HTML anchor.
- In Elementor, select the section or widget, go to the Advanced tab, and in the CSS ID field, type a unique ID for each section (e.g.,
commodities
, why-cargodeals
, mission
, platform
, plans
).
- Here’s how to name them based on your example:
commodities
for “The Problem With Commodities Transactions”
why-cargodeals
for “Why CargoDeals?”
mission
for “Our Mission Respect for the Market Structure”
platform
for “The Platform”
plans
for “Our Plans”
Step 2: Create the Horizontal Submenu
- Create a custom menu using your WordPress admin:
- Go to Appearance > Menus.
- Create a new custom menu and add Custom Links for each section.
Example links:#commodities
#why-cargodeals
#mission
#platform
#plans
Use these as the URL, and for the Link Text, use the names of the sections (e.g., “The Problem With Commodities Transactions”, “Why CargoDeals?”, etc.).
- Add the horizontal submenu to the page:
- You can either use Elementor’s Menu widget or place the submenu manually by creating a horizontal layout with text links.
This way, when someone clicks an item in the horizontal submenu, it will jump to the corresponding section on the page without scrolling manually.
Kind regards,