{"id":7314,"date":"2022-01-04T17:14:42","date_gmt":"2022-01-04T17:14:42","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=7314"},"modified":"2023-02-21T09:43:38","modified_gmt":"2023-02-21T09:43:38","slug":"how-to-create-a-vertical-header-advanced","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/","title":{"rendered":"How to Create a Vertical Header [Advanced]"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7314\" class=\"elementor elementor-7314\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-34404d1f thesinglevideo elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"34404d1f\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6137f7a9\" data-id=\"6137f7a9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-28a34ace elementor-widget elementor-widget-video\" data-id=\"28a34ace\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/jnz_aaAGDZM&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-640108ef thesinglevideoOver elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"640108ef\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-25163329\" data-id=\"25163329\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4c3fd287 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"4c3fd287\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1271\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1271\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1272\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1272\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1271\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1271\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1271\" tabindex=\"0\" hidden=\"false\"><p>In this tutorial we learn how to create a vertical header in Elementor. We\u2019ll also explore how to show the default horizontal header on mobile devices only, to ensure a smooth user experience.<\/p><p>The tutorial will cover:<br \/>\u2714\ufe0e Creating a header template<br \/>\u2714\ufe0e Repositioning a header to display vertically<br \/>\u2714\ufe0e Adding custom CSS including media queries<br \/>\u2714\ufe0e And much more!<\/p><p>Custom CSS:<\/p><p>selector{<br \/>width: 100px;<br \/>position:fixed;<br \/>}<\/p><p>@media all and (max-width: 767px){<br \/>selector{<br \/>width:100%;<br \/>height:100px;<br \/>}<br \/>}<\/p><p>@media all and (min-width:767px){<br \/>selector{<br \/>writing-mode: vertical-rl;<br \/>transform: scale(-1);<br \/>}<br \/>}<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1272\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1272\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1272\" tabindex=\"0\" hidden=\"hidden\"><p>Hey there, it\u2019s Ash from Elementor.<\/p><p>Have you ever wondered if you can position your header vertically, instead of horizontally in Elementor? Why wonder no more, in this Tips &amp; Tricks tutorial, we\u2019ll show you how to position your header vertically alongside your website&#8217;s content.<\/p><p>We\u2019ll also teach you how to show the default horizontal header on mobile devices only, to ensure a smooth user experience.<\/p><p>We&#8217;ll create a section for our header and with the help of CSS we&#8217;ll make it display vertically on desktop and tablet.. while keeping its horizontal state on mobile&#8230; We&#8217;ll then drop our widgets in&#8230; and make our menu display vertically on the respective screen sizes.<\/p><p>So if you\u2019re ready to learn how to create a vertical header in Elementor, let\u2019s get started.<\/p><p>We\u2019re going to head straight to the theme builder to create our new header template. Doing so means we\u2019re able to apply this header to our entire website with just a few clicks.<\/p><p>Add a new header.<\/p><p>Dismiss the library and then open the header settings to give this template a more personalized title.<\/p><p>Let\u2019s now add in a section&#8230;set the height to automatically fill the screen and configure the column position to stretch.<\/p><p>Now add a background color via the style tab. And as you can see we\u2019ve already configured our global styles here, but you\u2019re free to choose any color that you like.<\/p><p>Now we\u2019ll add a border&#8230;border width&#8230;and border color.<\/p><p>Switch over to the advanced tab next and set the z-index to 5. This will ensure this section appears above all other content on our website.<\/p><p>Let\u2019s now get our hands dirty and add in some custom CSS.<\/p><p>Open the \u2018Custom CSS\u2019 tab and then type \u2018selector&#8230;followed by opening and closing the curly brackets&#8230;then within the curly brackets type&#8230;width&#8230;colon&#8230;100px&#8230;semicolon&#8230;start a new line&#8230;position&#8230;colon&#8230;fixed\u2026.semicolon\u2019.<\/p><p>This CSS sets the width of our header and ensures it stays fixed to the user&#8217;s viewport.<\/p><p>Let\u2019s now add in a media query. A media query allows us to define CSS for devices of a specific screen size only.<\/p><p>This media query tells the browser that if a screen size is 767px or less&#8230;so basically a mobile screen, then the width of our header should fill the viewport and only be 100px high.<\/p><p>We\u2019ll type the\u2026\u2019@ symbol&#8230;followed immediately by the word media&#8230;then add a space&#8230;the word all&#8230;another space&#8230;the word and\u2026then one more space..open parenthesis&#8230;max&#8230;dash&#8230;width&#8230;colon&#8230;767px&#8230;close parenthesis.<\/p><p>Now open and close the curly brackets.<\/p><p>Then within these curly brackets&#8230;type selector&#8230;open and close more curly brackets&#8230;and within these add a 100% width property&#8230;and a 100px height property.<\/p><p>Let\u2019s now get to work and populate our new header.<\/p><p>Drop in the logo widget first&#8230;and then drop in the nav menu widget.<\/p><p>In the content tab, we\u2019ll set the pointer to \u2018none\u2019 and the breakpoint to \u2018mobile\u2019. This will ensure the toggle menu doesn\u2019t appear unless being viewed on a mobile size screen.<\/p><p>We now need to rotate our navigation menu so that it appears vertically.<\/p><p>Open the \u2018Custom CSS\u2019 tab in the \u2018Advanced\u2019 area, and add the following media query.<\/p><p>This media query tells the browser to display the navigation menu text vertically if the screen size is 767px or more, so basically anything larger than a mobile device.<\/p><p>OK, we can really see our new header coming together now.<\/p><p>The next step is to configure the spacing of our elements.<\/p><p>Select the column and set the vertical align to \u2018space between\u2019. Now set the horizontal align to \u2018space between. Don\u2019t worry that you didn\u2019t see any visual changes here, this configuration will come into its own when we switch to mobile view soon.<\/p><p>We\u2019ll just add some padding now to finish this section and now it\u2019s time to see what our header looks like on different devices.<\/p><p>Select the responsive icon to switch to tablet view.<\/p><p>This looks great and works just as well as our desktop view, so we won\u2019t change anything here.<\/p><p>Now drop down to mobile view.<\/p><p>As you can see our header automatically switches to a horizontal layout. This is all being controlled by our media query.<\/p><p>We\u2019ve already set this column to display as \u2018space between\u2019, but because our elements aren\u2019t inline, they\u2019re currently taking up 100% width of this section.<\/p><p>Select the logo first and then in the advanced tab, under positioning, change this to \u2018inline\u2019.<\/p><p>Then do the same for the nav menu.<\/p><p>OK, we\u2019re making good progress. Just a few styling aspects to take care of now. Let\u2019s open the dropdown, so that we can see our changes in real time.<\/p><p>We\u2019ll first toggle \u2018full width\u2019 on.<\/p><p>Now open the style tab&#8230;expand dropdown&#8230;set the text color&#8230;background color&#8230;border&#8230;border width&#8230;border color&#8230;vertical padding&#8230;and distance.<\/p><p>Finally, let\u2019s expand the \u2018toggle button\u2019 tab&#8230;set the background color&#8230;and hover color.<\/p><p>And as you can see our mobile menu now looks great.<\/p><p>Let\u2019s save this template file and assign it to show on our entire website.<\/p><p>If we now visit our website you can see our new vertical header in action and it looks fantastic.<\/p><p>Today we learnt how to create a vertical header in Elementor.<\/p><p>We achieved this by writing CSS to control the position and size of our header.<\/p><p>We then wrote media queries to target specific screen sizes to control what is shown to the user.<\/p><p>Finally we amended our mobile elements to ensure they appear as expected.<\/p><p>Thank you for watching this Tips &amp; Tricks tutorial.<\/p><p>Be sure to comment below with any questions, and don\u2019t forget to like and subscribe to our channel for more amazing tutorials.<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview In this tutorial we learn how to create a vertical header in Elementor. We\u2019ll also explore how to show the default horizontal header on mobile devices only, to ensure a smooth user experience. The tutorial will cover: \u2714\ufe0e Creating a header template \u2714\ufe0e Repositioning a header to display vertically \u2714\ufe0e Adding custom [&hellip;]<\/p>\n","protected":false},"author":24,"featured_media":7315,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[41],"class_list":["post-7314","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Create a Vertical Header [Advanced] - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Vertical Header [Advanced] - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this tutorial we learn how to create a vertical header in Elementor. We\u2019ll also explore how to show the default horizontal header on mobile devices only, to ensure a smooth user experience. The tutorial will cover: \u2714\ufe0e Creating a header template \u2714\ufe0e Repositioning a header to display vertically \u2714\ufe0e Adding custom [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-04T17:14:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T09:43:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/01\/Vertical-Header.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ashley Whitehair\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ashley Whitehair\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a Vertical Header [Advanced] - Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Vertical Header [Advanced] - Academy","og_description":"Overview Transcript Overview In this tutorial we learn how to create a vertical header in Elementor. We\u2019ll also explore how to show the default horizontal header on mobile devices only, to ensure a smooth user experience. The tutorial will cover: \u2714\ufe0e Creating a header template \u2714\ufe0e Repositioning a header to display vertically \u2714\ufe0e Adding custom [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/","og_site_name":"Academy","article_published_time":"2022-01-04T17:14:42+00:00","article_modified_time":"2023-02-21T09:43:38+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/01\/Vertical-Header.jpg","type":"image\/jpeg"}],"author":"Ashley Whitehair","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ashley Whitehair"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/"},"author":{"name":"Ashley Whitehair","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/a83ee0af0700704f04acf44839f06bd8"},"headline":"How to Create a Vertical Header [Advanced]","datePublished":"2022-01-04T17:14:42+00:00","dateModified":"2023-02-21T09:43:38+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/"},"wordCount":1100,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/01\/Vertical-Header.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/","url":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/","name":"How to Create a Vertical Header [Advanced] - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/01\/Vertical-Header.jpg","datePublished":"2022-01-04T17:14:42+00:00","dateModified":"2023-02-21T09:43:38+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/01\/Vertical-Header.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/01\/Vertical-Header.jpg","width":2560,"height":1440,"caption":"How to Create a Vertical Header in Elementor"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-header-advanced\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Design \/ Layout","item":"https:\/\/elementor.com\/academy\/design-layout\/"},{"@type":"ListItem","position":4,"name":"How to Create a Vertical Header [Advanced]"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/a83ee0af0700704f04acf44839f06bd8","name":"Ashley Whitehair","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/49062696ae45a42e9206626097d74b7bfc6a8e6c413f53449a154f67c73ab82b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/49062696ae45a42e9206626097d74b7bfc6a8e6c413f53449a154f67c73ab82b?s=96&d=mm&r=g","caption":"Ashley Whitehair"},"description":"Ashley is an Elementor Specialist with a keen eye for design and a passion for creating user-friendly and effective websites. When he is not creating websites and educational material, he enjoys CrossFit, mountain biking, reading, and exploring the world.","url":"https:\/\/elementor.com\/academy\/author\/user-60190f8d0e66e\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/7314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=7314"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/7314\/revisions"}],"predecessor-version":[{"id":9323,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/7314\/revisions\/9323"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/7315"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=7314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=7314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=7314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}