I'd need some help. I'm investigating the possibility to have a floating logo on the home page of my gallery at the center of the screen. For "home page" i refer to the start page with the slideshow.
Karl can you tell me if this is feasible and how? I'd like that the logo can remain at the screen center and be responsive obviously. I think that can be done using CSS but I don't know how...
thanks!
X3Photo Gallery Forums
X3 Photo Gallery Support Forums
Floating logo on home page8 posts
Re: Floating logo on home page
I checked your home page, and if you didn't have scroll, we could easily add a logo and use custom CSS to set it to position:fixed. However, since your start page is scrollable, that means the logo would remain in the middle of the screen also when scrolling downwards. I assume you only want it to overlay the slideshow right?
Optionally, we could inject the logo on the startpage with custom css AND custom javascript. This would work, but not the most elegant solution.
Optionally, we could inject the logo on the startpage with custom css AND custom javascript. This would work, but not the most elegant solution.
-
-
andreamarucci
Experienced
- Posts: 308
- Joined:
Re: Floating logo on home page
Basically I don't need scroll but is there because I wasn't able to remove it so if you've any solution to remove it and place the logo, it's welcome 
Re: Floating logo on home page
As for removing the scroll, that would be by hiding any content below the slideshow, as well as the footer.andreamarucci wrote:Basically I don't need scroll but is there because I wasn't able to remove it so if you've any solution to remove it and place the logo, it's welcome :-)
If you kept the "examples" samples folder, you can see exactly how to do it by navigating to that page from your panel.
However, thinking more about it, there will be problems with this approach also. Please can you wait until next release where some bugs are fixed? I will have a solution for you after that.
Re: Floating logo on home page
Looking at your website right now, and I'm wondering ... You want the logo moved from the top, into the center (below the menu) and bigger? It will somewhat affect the menu ...
-
-
andreamarucci
Experienced
- Posts: 308
- Joined:
Re: Floating logo on home page
Just speculating about that possibility. If I put the logo in the page center the menu can move up a little bit like when you scroll the page.
Re: Floating logo on home page
Thing is, the menu+logo is an intricate combination of UI, with both CSS and JS, and also which responds on smaller screens. I can provide an option to move the logo to the middle on the startpage, but it is a "hack":andreamarucci wrote:Just speculating about that possibility. If I put the logo in the page center the menu can move up a little bit like when you scroll the page.
In your panel -> custom/css/, add the following:
Code
.menu-absolute-20 .nav > div {
height: 0;
}
.menu-absolute-20 .nav .logo {
top: 50vh;
transform: translateY(-50%);
}