{"id":2256,"date":"2021-06-21T09:49:13","date_gmt":"2021-06-21T09:49:13","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2256"},"modified":"2023-02-22T09:21:47","modified_gmt":"2023-02-22T09:21:47","slug":"dos-donts-absolute-fixed-position-in-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/","title":{"rendered":"Do&#8217;s &amp; Don&#8217;ts: Absolute &amp; Fixed Position"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2256\" class=\"elementor elementor-2256\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-57609239 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"57609239\" 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-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4fa94956\" data-id=\"4fa94956\" 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-70c85060 elementor-widget elementor-widget-video\" data-id=\"70c85060\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=RA0T52VB2Os&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-3429d110 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3429d110\" 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-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7a0def81\" data-id=\"7a0def81\" 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-51a01133 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"51a01133\" 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-1361\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1361\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1362\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1362\" 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-1361\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1361\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1361\" tabindex=\"0\" hidden=\"false\"><p>Learn how to properly use absolute and fixed custom positioning orientation settings in Elementor 2.5.<\/p><p>You will learn:<br \/>\u2714\ufe0e The horizontal &amp; vertical orientation concept<br \/>\u2714\ufe0e How to use the offset values<br \/>\u2714\ufe0e Resetting your position <\/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-1362\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1362\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1362\" tabindex=\"0\" hidden=\"hidden\"><div id=\"panels\" class=\"style-scope ytd-watch-flexy\"><div id=\"content\" class=\"style-scope ytd-engagement-panel-section-list-renderer\"><div id=\"body\" class=\"style-scope ytd-transcript-renderer\"><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">hi-oh zip from elemento here today will<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">gather possible sticky situations you<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">might get into when using the absolute<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">and fixed custom positioning settings in<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">elemental 2.5 more specifically I&#8217;ll<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">show you some do&#8217;s and don&#8217;ts regarding<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the horizontal and vertical orientation<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">and offset settings with regard to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">responsive behavior we&#8217;ll be working on<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">this clean design it will allow us to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">focus on the orientation concept and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">understand how its settings affect the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">elements on our page first let&#8217;s go over<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the sections we have the main sections<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">content width is boxed the inner section<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">has two columns each containing is<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">standing cube and some text this section<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">is that you full width okay now that<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">that&#8217;s out of the way let&#8217;s dive in and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">work with the pink cube in the column on<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the right<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">I&#8217;ll set it to absolute the text jumped<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">up and the cube appears above it how<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">come it&#8217;s because the moment the cube is<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">set to absolute it is removed from the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">flow of elements on the page it&#8217;s<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">important to know that the default width<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">of an absolute element is automatically<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">inherited from the column it&#8217;s in as you<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">can see here now let&#8217;s go ahead and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">resize it we can either just drag the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">cube like so or use the custom width<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">slider in the panel on the left an<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">absolute object is relative to the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">column it&#8217;s in this means that although<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">we can move it anywhere we like it will<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">stay at the same point relative to the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">column for example moving it outside the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">column might give the appearance of<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">being positioned at the bottom right<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">corner of the screen but when we start<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">scrolling you see that it stays at the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">same point relative to the column now<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">let&#8217;s have a look at the horizontal and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">vertical orientation and offset settings<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">as you can see the horizontal and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">vertical offset sliders help us<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">determine the position of the cube on<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the page we can choose between pixel<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">percent view width and view height I<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">will be using pixels for this tutorial<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">as you can see they range from negative<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">to positive numbers but<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">what do these values mean in order to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">understand it we need to know what they<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">relate to the horizontal offset for<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">example when set to zero positions the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">cube close to the left side of the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">column it&#8217;s in this is because the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">horizontal orientation is set to left<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">making the left side of the column the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">starting point positioning the cube<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">further left and outside the column will<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">result in negative values and vice versa<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">moving the cube away from the starting<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">point towards the right results in<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">positive numbers if we move it away to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">match it will disappear but don&#8217;t worry<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">we can always get it back by setting the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">offset to zero setting the horizontal<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">orientation to right does exactly the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">same as before it&#8217;s just the opposite<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">side now as you can see the offset is<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">already set to zero this is because it&#8217;s<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the first time we are changing its<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">values like before zero positions the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">cube close to the right side of the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">column it&#8217;s in positioning the cube<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">further right and outside the column<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">will result in negative values moving<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the cube away from the starting point<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">towards the left results in positive<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">numbers pay attention the distance you<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">set will determine the position of the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">cube in relation to either the left or<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the right side of the column no matter<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">what you&#8217;ll see what I mean so when does<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">this come in handy let&#8217;s set the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">horizontal orientation to left making<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the left side of the column the starting<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">point the distance decreases when moving<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">it towards the left like we just saw now<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">let&#8217;s move the cube to the right outside<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">of the column here is great let&#8217;s say I<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">want to increase the width of this<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">column I&#8217;ll go ahead and drag it to 40%<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">as you can see the cube isn&#8217;t outside<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the column anymore this is because it<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">remained at the same distance in<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">relation to the left side of the column<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">if we want it to stay outside the right<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">side of the column no matter what the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">columns width we need to set the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">horizontal orientation to runt resizing<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the columns width now doesn&#8217;t affect the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">cubes position anymore<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">because the cube now remains at the same<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">distance in relation to the right side<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">of the column cool let&#8217;s carry on with<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the vertical orientation for this<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">example I&#8217;ll move the cube below the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">column here is great as you can see the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">vertical orientation is set to top and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the offset to 460 pixels this means that<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the cube is positioned at a distance of<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">four hundred and sixty pixels from the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">top of the column the number decreases<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">when we move towards the top which is<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">its starting point the moment we move it<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">past the top and outside the column the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">number becomes negative if the distance<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">is too great the cube will disappear<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">just like before it&#8217;s still there of<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">course you can easily get it back by<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">setting the offset to zero it will<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">reappear like so if we set the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">orientation to bottom like you see here<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the cubes offset is in relation to the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">bottom of the column so moving it past<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the bottom outside the column will give<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">you a negative number because this time<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the bottom of the column is the starting<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">point again the distance you set will<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">stay that way in relation to either the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">top or bottom of the column no matter<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">what so when does this come in handy<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">okay so first off for this example let&#8217;s<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">set up in cubes vertical orientation to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">top at a distance of four hundred and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">sixty pixels this distance between the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">top of the column and the cube won&#8217;t<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">change no matter what so let&#8217;s say you<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">add more content to the column I&#8217;ll go<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">ahead and drag in a form widget as you<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">can see the cube appears above the form<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">widget and not below the column anymore<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">this is because the height of the column<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">increased with the added content the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">form widget but the cube remained at the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">same place exactly at the distance we<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">set from the top in this case if you<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">want the cube to remain at the same<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">place at the bottom of the cube<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">regardless of the content in the column<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">we should set the vertical orientation<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">to bottom I&#8217;ll go ahead and set it to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">stay at a distance of negative 200<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">pixels below the column as you can see<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">when I add content now it doesn&#8217;t affect<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">it any<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">cool wait a second does all of this also<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">apply for the fixed position let&#8217;s check<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">it out<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">I&#8217;ll go ahead and change the pink cubes<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">position from absolute to fixed wait<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">what happened did it just disappear<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">don&#8217;t worry just like before we can<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">easily get it back by setting the offset<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">to zero it disappeared because the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">horizontal and vertical orientation and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">offset settings are still the same as<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">there were for the absolute positioning<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">but a fixed position element is<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">positioned relative to the viewport the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">browser window itself and not relative<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">to the column it&#8217;s in so in our case the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">pink cube is just hiding 200 pixels<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">below the viewport because of the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">negative vertical offset value I&#8217;ll go<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">ahead and bring it back into view with<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the slider remember you can easily get<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the cube back by setting the offsets to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">zero as you can see the cubes<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">orientations are set to the bottom and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">right and it&#8217;s offsets are both zero the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">cube is positioned exactly on the bottom<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">right corner of the viewport this is its<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">starting position just like we saw with<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the absolute position the orientation<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">settings determine this let&#8217;s say we<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">want the cube to be positioned near the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">bottom on the left we should set the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">horizontal orientation to left and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">vertical orientation to bottom as you<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">can see there are still some previous<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">offset values we can drag it to the left<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">bottom corner but I want it to be<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">positioned exactly on the edge all I<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">need to do is enter 0 for both the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">horizontal and vertical offsets with the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">fixed position any content or column<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">width changes like I showed you before<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">doesn&#8217;t affect the cubes position<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">because it is positioned relative to the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">viewport and not relative to the column<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">it&#8217;s in pay attention that using the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">correct vertical and horizontal<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">orientation settings for absolute and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">fixed objects is important for<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">maintaining better responsive behavior<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">designing your page with this in mind<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">will save you a lot of time when making<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">adjustments for mobile and tablet well<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">that&#8217;s it now you know the base<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">like do&#8217;s and don&#8217;ts regarding the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">horizontal and vertical orientation of<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">set settings and now you can better<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">understand possible sticky situations<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">you might get into when using the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">absolute and fixed custom positioning<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">settings and more importantly how to get<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">out of them don&#8217;t forget to subscribe to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">our YouTube channel for more tips and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer active\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer active\" role=\"button\">tutorials see you later<\/div><\/div><\/div><\/div><div id=\"footer\" class=\"style-scope ytd-transcript-renderer\"><div id=\"menu\" class=\"style-scope ytd-transcript-footer-renderer\"><div id=\"trigger\" class=\"style-scope tp-yt-paper-menu-button\"><div id=\"label-text\" class=\"style-scope yt-dropdown-menu\">\u05d0\u05e0\u05d2\u05dc\u05d9\u05ea (\u05e0\u05d5\u05e6\u05e8 \u05d1\u05d0\u05d5\u05e4\u05df \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9)<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"donation-shelf\" class=\"style-scope ytd-watch-flexy\">\u00a0<\/div><div id=\"related\" class=\"style-scope ytd-watch-flexy\"><div id=\"player-ads\" class=\"style-scope ytd-watch-flexy\">\u00a0<\/div><div id=\"offer-module\" class=\"style-scope ytd-watch-next-secondary-results-renderer\">\u00a0<\/div><div id=\"items\" class=\"style-scope ytd-watch-next-secondary-results-renderer\"><div id=\"sparkles-container\" class=\"style-scope ytd-promoted-sparkles-web-renderer\"><div id=\"thumbnail-container\" class=\"style-scope ytd-promoted-sparkles-web-renderer\">\u00a0<\/div><\/div><\/div><\/div><\/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 Learn how to properly use absolute and fixed custom positioning orientation settings in Elementor 2.5. You will learn: \u2714\ufe0e The horizontal &amp; vertical orientation concept \u2714\ufe0e How to use the offset values \u2714\ufe0e Resetting your position Transcript hi-oh zip from elemento here today willgather possible sticky situations youmight get into when using [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":4005,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[41],"class_list":["post-2256","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>Do&#039;s &amp; Don&#039;ts: Absolute &amp; Fixed Position - 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\/dos-donts-absolute-fixed-position-in-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Do&#039;s &amp; Don&#039;ts: Absolute &amp; Fixed Position - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview Learn how to properly use absolute and fixed custom positioning orientation settings in Elementor 2.5. You will learn: \u2714\ufe0e The horizontal &amp; vertical orientation concept \u2714\ufe0e How to use the offset values \u2714\ufe0e Resetting your position Transcript hi-oh zip from elemento here today willgather possible sticky situations youmight get into when using [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-21T09:49:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-22T09:21:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Dos-Donts-Absolute-Fixed-Position.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Do's &amp; Don'ts: Absolute &amp; Fixed Position - 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\/dos-donts-absolute-fixed-position-in-elementor\/","og_locale":"en_US","og_type":"article","og_title":"Do's &amp; Don'ts: Absolute &amp; Fixed Position - Academy","og_description":"Overview Transcript Overview Learn how to properly use absolute and fixed custom positioning orientation settings in Elementor 2.5. You will learn: \u2714\ufe0e The horizontal &amp; vertical orientation concept \u2714\ufe0e How to use the offset values \u2714\ufe0e Resetting your position Transcript hi-oh zip from elemento here today willgather possible sticky situations youmight get into when using [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/","og_site_name":"Academy","article_published_time":"2021-06-21T09:49:13+00:00","article_modified_time":"2023-02-22T09:21:47+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Dos-Donts-Absolute-Fixed-Position.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"Do&#8217;s &amp; Don&#8217;ts: Absolute &amp; Fixed Position","datePublished":"2021-06-21T09:49:13+00:00","dateModified":"2023-02-22T09:21:47+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/"},"wordCount":1439,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Dos-Donts-Absolute-Fixed-Position.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/","url":"https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/","name":"Do's &amp; Don'ts: Absolute &amp; Fixed Position - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Dos-Donts-Absolute-Fixed-Position.jpg","datePublished":"2021-06-21T09:49:13+00:00","dateModified":"2023-02-22T09:21:47+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Dos-Donts-Absolute-Fixed-Position.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Dos-Donts-Absolute-Fixed-Position.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/dos-donts-absolute-fixed-position-in-elementor\/#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":"Do&#8217;s &amp; Don&#8217;ts: Absolute &amp; Fixed Position"}]},{"@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\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2256","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=2256"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2256\/revisions"}],"predecessor-version":[{"id":9498,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2256\/revisions\/9498"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/4005"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}