Oh yes, we were still running Piwigo 2.0 on the demo. Because not enough themes had been converted to the new theme architecture. Now it's OK and we even have LucianoAmodio and Kardon themes :-)
I have one problem, in the page_banner, I had:
body {background-position:left 35px}
this makes the Kardon theme looks correct but makes the Sylvia theme fail on the bottom left background image :-/ I don't know yet what I can do to make the #veryTopHeader work with Sylvia and Kardon at the time.
Offline
I changed my gallery to kardon theme yesterday.
I discovered some minor defects due to absolute positioning of some blocks with kardon.
You're facing the same issue in fact.
Solution will be a revised version of kardon.
Anyway you could have the same issue with other themes.
I suggest to change a bit how demo is working.
IMHO, your current page_banner should be a real html page and the gallery has to be in an iframe.
Anyway it's acceptable, I am going to read your page_banner and next week to propose fixes to kardon creator.
;-)
Offline
I have added a small piece of code to fix Kardon display on the demo:
if (jQuery("select[name=theme] option:selected").text() == "Kardon") { jQuery("body").css("background-position", "0 35px"); }
Offline
it doesn't work on the picture.php page... of course there is no themeSwitch... let's find better.
Offline
OK, much better now... considering that there is no themeSwitch outside index.php (body id="theCategoryPage") I've decided to hide the veryTopHeader outside index.php.
<script type="text/javascript"> $.noConflict(); jQuery(document).ready(function(){ jQuery("#verytopHeader").prependTo('body'); jQuery("#themeSwitch").appendTo("#verytopHeader"); jQuery("#languageSwitch").appendTo("#verytopHeader"); if (jQuery("body").attr("id") == "theCategoryPage") { jQuery("#verytopHeader").show(); jQuery("body").css("padding-top", "35px"); jQuery("#the_page").css("background-position", "left 35px"); if (jQuery("select[name=theme] option:selected").text() == "Kardon") { jQuery("body").css("background-position", "0 35px"); } if (jQuery("select[name=theme] option:selected").text() == "Sylvia") { jQuery("#theHeader").css("padding-top", "35px"); } } }); </script>
And it also fixes a bug with Sylvia : before it was impossible to see the H1.
Offline
You have forgotten a lot of style !
Offline