Loading 0

Added buttons next to Elementor horizontal tabs

Added buttons next to Elementor horizontal tabs


With the help of the Javascript language you can add buttons that lead to other links, next to Elementor tabs, either at the beginning, at the end, or even in between, which makes the tabs look like a menu or a mix of everything horizontal tabs with menus.

First we will define two variables, the 1st is about finding the existing Element via css id and the second is about the html content we want to appear before the 1st tab:

var idelementbefore = document.getElementById('ΕΔΩ ΤΟ ID'); //εάν θέλετε με κλάση αλλάξτε σε document.getElementsByClassName

var neokoumpi1 = 'HTML περιεχόμενο πχ κάποιο div περιεχόμενο';


Right after that we will run the following code:



The aforementioned insertAdjacentHTML function takes two arguments, the 1st argument is where we want the new HTML content to be inserted and the 2nd argument is what the html content is.

For the 1st argument, you can use the following:

  • beforebegin -> New content comes first
  • afterend -> It goes at the end (after the existing element with the id you gave)

There are other options, if you are interested, reply here and I will help.


See a live example in the screenshot below:


Good luck 😉

This post is also available in: Ελληνικά

Leave a Reply

Your email address will not be published. Required fields are marked *


Here you can see all the services I provide

Registration and management of domain names (website address such as www.nicolaslagios.com)

Also management of dns records (e.g. connecting the domain to a specific server, fixing email spam problems, etc.)

Also ssl renewals etc

Installation and management of web & mail server in ubuntu vps with virtualmin, plesk, cpanel

Also studying and fixing server problems.

Necessary condition, the target server meets the conditions

At the moment for new wordpress websites you can choose from ready-made themes and we change the content (no custom changes). You can buy with a fixed price by clicking here!

My team and I undertake any data bridging implementation for Wordpress, Prestashop, Opencart, Joomla platforms.

We can connect data from any source, as long as the structure is stable and there is proper documentation and briefing.

We undertake the creation, regulation and enrichment of pages for social networks: Facebook, Linkedin, Instagram (profile), Twitter (profile), Tiktok (profile).

We also undertake the first boost of your pages for quick results in followers.

We undertake the repair and maintenance of your existing wordpress website.

For more information about the services, you can read the following and return here to schedule a meeting with me: https://maxservices.gr/en/internet-services/website-services-blank/additional-website-services/