diff --git a/website/docs/webdev/5-Components/1-Callout.mdx b/website/docs/webdev/5-Components/1-Callout.mdx
deleted file mode 100644
index 8bb2e2cbdf..0000000000
--- a/website/docs/webdev/5-Components/1-Callout.mdx
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Callout
-description: ""
-hide_table_of_contents: true
----
-
-import EEATabs from '../md_components/tab_component.mdx';
-import Usage from '../md_components/callout_components/usage_markdown.md';
-import Showcase from '../md_components/callout_components/showcase_markdown.md';
-
-
| yes | no |
-| **Legal navigation** | yes | no |
+| Νο. | Components | Mandatory | Description |
+| -- | ------------------------------------------------------------ | --------- | --------- |
+| 1 | **EEA logo** | yes | Logo of European Environment Agency (EEA)|
+| 2 | **EIONET logo** | yes | Logo of European Environment Information and Observation Network |
+| 3 | **Contact information**
| yes | Links to the associated services available through the EEA site |
+| 4 | **Social media** | yes | Links to social EEA's social media |
+| 5 | **Thematic information platforms** | yes | European Information Systems
+| 6 | **Legal navigation** | yes | Contains legal information links - consistent throughout the family sites |
+| 7 | **Content owner details** | yes | Indicates ownership over the site's content |
### Do's
@@ -17,10 +22,5 @@ The core footer provides supplementary information such as copyright, legal, pri
- don't use more than one footer per page
-### When to use
-
-- always use a footer when building your page
-### When not to use
-- do not follow these guidelines when you are updating sites that fall under a different category of the EEA portal
diff --git a/website/docs/webdev/md_components/site_header_components/usage_markdown.md b/website/docs/webdev/md_components/site_header_components/usage_markdown.md
index 80270b17f8..df8f8de2d1 100644
--- a/website/docs/webdev/md_components/site_header_components/usage_markdown.md
+++ b/website/docs/webdev/md_components/site_header_components/usage_markdown.md
@@ -1,45 +1,17 @@
The EEA header shows users that they are on EEA portal and which service they are using.
+![](../../md_components/static/header-elements.png)
+
### Anatomy
-
Components | -Mandatory | -Optional | - - -
---|---|---|
An official website of the EU statement | -yes | -no | -
Environmental Information systems dropdown | -yes | -no | -
European Environmental Agency logo | -yes | -no | -
Language select | -yes | -no | -
Search icon | -yes | -no | -
Menu | -yes | -no | -