Anchors navigation

Copy/paste this HTML code into CKEditor paragraph and edit content. Make sure you switch to source formatting and to be in FULL HTML mode to paste your code. Your ID must be unique and add the same value for the aria-labelledby. Your href must match an ID in the page if you want an anchor in the same page. You can add this anchor it on a existing content or on a new paragraph containing this ID. You can use a href to redirect to an another page.

You can remove CTA button if you don't need it. You con add extra class to control your margins between links an your CTA button. To have an active item, add class active.

Anchor link 1 Anchor link 2 Anchor link 3
CTA button
Markup Details
                            <div class="anchors-navigation dropdown">
  <button class="btn btn-secondary dropdown-toggle d-md-none" type="button" id="yourid" data-toggle="dropdown" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu an__items" aria-labelledby="yourid" style="">
    <a class="dropdown-item an__item active" href="#anchor-1">Anchor link 1</a>
    <a class="dropdown-item an__item" href="#anchor-2">Anchor link 2</a>
    <a class="dropdown-item an__item" href="#anchor-3">Anchor link 3</a>
  </div>
  <a href="#" class="btn btn-outline-primary mt-3 ml-md-3 mt-md-0">CTA button</a>
</div>