Vertical Nav 1

Share on facebook
Share on google
Share on linkedin

Textum

Metus assumenda eiusmod ullamcorper mauris pellentesque itaque occaecati, nulla malesuada minima dicta consequatur ad! Conubia? Pretium mollis, corporis, tristique erat, ut! Elementum dignissimos illum omnis culpa, accusantium, condimentum, malesuada morbi.

Sem expedita dignissimos veritatis aenean erat bibendum metus, turpis feugiat parturient do? Atque numquam irure, itaque pretium nostrum! Doloribus mollis quibusdam sodales egestas? Rutrum harum enim iure occaecati, alias consectetur.

Distinctio volutpat in at modi, numquam metus vel malesuada minus recusandae eligendi, minus ipsam dicta facere? Nostrum morbi quisquam, hic quaerat? Aute? Fames nemo quo! Nunc, scelerisque auctor felis deserunt.

Nobis convallis ea etiam eiusmod consectetur facilisis quam semper semper commodi ullamco, iure fermentum, necessitatibus. In morbi inceptos magnam dignissim maxime facilisis platea quo adipisci viverra, nulla accumsan adipisicing repellat.

Quia dicta, qui parturient ipsam occaecati lobortis aliquam, lacus. Ea laboris nostra! Sodales integer, hic nisi fugiat dolor inventore nam, suspendisse, quas quam laudantium omnis! Habitasse! Gravida earum! Nunc! Aptent.

Convallis iusto placerat aspernatur culpa architecto eleifend vehicula sed nisi. Tenetur hic iaculis veritatis cum taciti varius quos ratione quia beatae debitis doloribus duis culpa luctus, cupiditate reprehenderit mauris repellendus.

Consequat semper maxime aperiam?

Documentation

Check the video for this feature by clicking here.

In this demo, only this page shows the vertical navigation for the Page Single template.

If you want the vertical navigation to be available on the whole website, follow the following steps:

  • in Wp Admin > Templates > Theme Builder open edit Page Template Single Vertical 01 with Elementor Pro
  • in the edit window, bottom left of the window, click on the little arrow to the right of the update button, and click on Display Conditions
  • then in the popup that opens, choose All singular or any other option that suits you -> you can also add several conditions
  • once you’re done just click the Save & Close button

To edit the vertical navigation (desktop only)

  • in Wp Admin > Templates > Theme Builder open edit Page Template Single Vertical 01 with Elementor Pro
  • in the edit window, make your changes
  • update

To edit the navigation for tablet & mobile:

  • the tablet & mobile modes use the regular header template that can be edited at Wp Admin > Templates > Theme Builder > Header > Header-01
  • edit with Elementor Pro
  • in the edit window, make your changes
  • update

Some css code has been added in order to:

  • hide the website standard top header in desktop mode
  • enable the fixed left column feature in desktop mode
  • set the right column left margin in desktop mode
  • set the footer left margin in desktop mode

You will find this code by editing the template:

  • in Wp Admin > Templates > Theme Builder open edit Page Template Single Vertical 01 with Elementor Pro
  • then once you’re inside the editor, click on the gear icon (bottom left of the editor window)
  • then click on the advanced tab, the css code is there

The code is commented, so make sure to read the comments, and change the values accordingly if you change the width of the left column with the Elementor Pro editor.

We use cookie to offer you a better online experience and to serve our potential customers better. By accepting, you are accepting our use of cookies according to our privacy policy.

Privacy Settings saved!
Paramètres de confidentialité

Lorsque vous visitez un site Web, il peut stocker ou récupérer des informations sur votre navigateur, principalement sous la forme de cookies. Contrôlez vos services de cookies personnels ici.

Cookies essentiels à la navigation sur le site.

Cookies that are essential to be able to navigate this website.

Decline all Services
Accept all Services
Edit the icon list widget below or swap by a nav menu widget

DDDD