Freeze vs. Pin Element

I have an element that I would like to freeze on my page. Is this possible?

I know you can pin elements. The problem is if you pin an element and adjust the zoom, it becomes disproportionate. The pinned element doesn’t scale properly with the rest of the elements.

Ideally, I could freeze an element at a location on the page, in the same way a header can be frozen.

It is possible if you have a frozen header or footer… just attach the element on your header or footer first and then just relocate it using your keyboard arrows to avoid attaching it to another section of the page.

You can also use Toolbar to place it on an exact location by typing in the coordinates for x,y

Here on this picture i just set my header to be frozen and attached the profile button on my header.
Then i moved it on to the page using my keyboard.

**This is my amateur approach on solving your problem. I don’t know if there’s a professional solution for this :slight_smile:

Don’t worry, no professional solutions needed. This is great!

However, one minor issue. The header shows on all pages and if I try to right click, the option to only show that particular element is greyed out. Same deal if I try to toggle Show On All pages from the toolbar. Do I just have to live with the element I’ve dragged into my header on all pages? I mean I could technically just collapse and hide it on default and how when I need, but it would be less than ideal.

Show On All Pages option applies to pinned elements only.
Therefore you should try putting a code on Site codes instead the page code to set if current page is the desired page to show that element and else to hide it.

As i’m not sure how to put this… :slight_smile:
It must be something like this:

 import wixLocation from 'wix-location'; 

 let url = wixLocation.url; 
 if (url) === "URL of the page you want to show this element" {
     $w("#yourelement").show;
     } else {
     $w("#yourelement").hide;
     }     

You should be able to add it on path, prefix, Url etc. whatever you want. I’m just not sure how to write it down… You can check out this page on how to work with wixLocation.url

Hello,
I am in search for a solution to make an element pined to screen when scrolled to a certain position and then released when certain area of the page is passed. I am making a clickable table content for my terms privacy policy page, and i would like it to be easy to navigate trough content. I found a visual guide line on ebay website and it looks like this User Privacy Notice | eBay. If anyone have a solution how to accomplish this I would realy apreciate help. Pin to screen option will not cover it for me because the position of the table would interfere with my header content. I know i am supposed to accomplish this trough code, but I have no solutions and have zero experience in coding.

Just my 2 cents: Why does your user have a need to zoom in and out on the website itself? Can you not help accommodate them with a design that is easier on their eyes not requiring such zooming? Just perhaps a more rooted approach of addressing the problem at hand.