WordPress - Design - How to delete an extra button?

In this article, you will find how to delete some extra Weglot button(s). 

When several buttons are displayed after adding the Weglot Switcher in the native menus of your website , you may need to remove the unnecessary switchers.

1. Find a parent selector 

First, find an HTML parent element that is the container of the Weglot button you want to delete. You'll need to find a specific container, otherwise, other Weglot switchers will be deleted as well. 

To find it, you can use the inspector of your browser ( right-click > 'Inspect Element'). 

For instance, let's say we want to delete the button on the top right area of this website: 

In the inspector view (at the bottom of the screenshot),  main-navigation is the CSS selector of the specific Weglot switcher container in the top right area.
Indeed, it includes the Weglot button we want to delete (as the blue area shows on the top at the top of the screenshot), but not the other switchers.

No matter the name of the selector, if it's an ' id', you must add a sharp '#' before and if it's a 'class', you must add a dot '.' before.

2. Add the CSS rule to hide the parent element

Once you've found the right selector, go on your WordPress Dashboard > Weglot > Override CSS and paste the following code: 

[INSERT THE_PARENT_SELECTOR HERE] .wg-li{
   display: none!important;
}

Here is an example of what it should look like (according to the previous example):

Click on the 'Save changes' button, and you are done!

The related extra button is no more displayed: