Search…

X3 Photo Gallery Support Forums

Search…
 
xxxxx
Topic Author
Posts: 1
Joined: 14 Mar 2023, 18:59

Top bar menu

15 Mar 2023, 19:57

Hi, I'm using a sticky topbar menu (Settings > Style > Layout > Fixed Topbar Menu > Fixed) and I want the topbar to remain the same on all pages at all times (static, same postion/color/size), without the small animation on scroll where the topbar slides out then is replaced by a similar topbar (as seen on https://enhansed.com/galleries/places/ or https://www.volkerherrmann.com/portolio/ , the topbar is animated and  replaced when the user scrolls down, I would prefer it to remain always static).

I've tried this custom css but the topbar still blinks for a split second when scrolling down
Code
.nav-wrapper {
    transform: none !important;
    transition: none !important;
}
How can I achieve a real sticky/fixed topbar menu ?

side question:
I'm testing the site on my local machine using xampp, when I test using http://127.0.0.1/x3/ , it says the plugin is authorized, but if I go to http://localhost/x3/ it complains `No license is hound for this domain`, is this intended behavior ?

thanks!
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Top bar menu

15 Mar 2023, 23:39

xxxxx wrote:Hi, I'm using a sticky topbar menu (Settings > Style > Layout > Fixed Topbar Menu > Fixed) and I want the topbar to remain the same on all pages at all times (static, same postion/color/size), without the small animation on scroll where the topbar slides out then is replaced by a similar topbar (as seen on https://enhansed.com/galleries/places/ or https://www.volkerherrmann.com/portolio/ , the topbar is animated and  replaced when the user scrolls down, I would prefer it to remain always static).
When the topbar is at top of page, it flows inline with the page to create a natural flow. Once it needs to attach to top of screen, technical it needs to detach from the page, and therefore there is always a position change (glitch), regardless of transition disabled or not.

To create an always-fixed topbar, basically you are changing the natural flow of the document, because you are telling the topbar to always remain "over" the document and don't push the rest of the document down. This could perhaps be customized, but this is not part of the X3 sticky/fixed plugin, because it requires setting the topbar to always fixed, and this will change the natural flow of the document. Furthermore, the X3 sticky/fixed plugin also changes some margins within the topbar, because when it's fixed, it should consume less space. This is why there is a natural visible "change" on scroll.

To change this and set it to always fixed without any transition, first you would need to disable the topbar sticky effect, and see if you can apply persistent position:fixed manually by CSS. I would need to look into it from an example.
xxxxx wrote: I've tried this custom css but the topbar still blinks for a split second when scrolling down
Code
.nav-wrapper {
    transform: none !important;
    transition: none !important;
}
How can I achieve a real sticky/fixed topbar menu ?
Because the topbar needs to toggle itself between fixed and non-fixed on scroll, because it's not "fixed" when at scroll 0 (because it's part of the natural document flow.
xxxxx wrote: side question:
I'm testing the site on my local machine using xampp, when I test using http://127.0.0.1/x3/ , it says the plugin is authorized, but if I go to http://localhost/x3/ it complains `No license is hound for this domain`, is this intended behavior ?
What plugin is this? Some X3 plugins require "pro" license, and as you may know, license is authorized by domain. Since IP address is not really a domain, the auth is disregarded and it may continue in pro/licensed mode.