thanks for the reply.

margin-right on the body tag works.

however if i replace in doLayout()

winWidth = window.innerWidth ? window.innerWidth : $(window).width();

with

winWidth = winWidth - 2rem;

or add - 2rem at the end of the winWidth definition like this

winWidth = (window.innerWidth ? window.innerWidth : $(window).width()) - 2rem;

the gallery drops right under the header with the correct margin on the right.
http://www.georgmolterer.com/data/margin.jpg

also my editor(netbeans) gives me a warning

.
the same goes for using px instead of rem.

can i use margin-right and margin-left at the same time on the body tag and how would i compensate for that?
doing so would render the padding-left in the header obsolete and the code would be clearer.

thanks.
there would have been no way of me finding that out.

it works with "/pages/..." as architektur is the root directory of arch-foto

delete multiple images

i regularly empty a gallery and fill it up with new images or delete a few images out of one gallery. i can only delete it one at a time, which is pretty anoying.
i can select multiple images at the Images stage of the builder, but as soon as i select more than one the X-button for deleting disappears.

with the adapted theme i had the problem on some phones, on some not - but it looks different on each phone anyway.
the other problem i had with the template, which was more of a problem to me, was that, when the menu on the left got longer than the screen it wasnt scrollable. so it was just truncated and some menu items werent visible anymore.
but as you can guess from my questions im not a programmer so my understanding of how things work is limited.

regarding the positioning of the splash text on top, i believe that it doesnt look less well, but is much more secure.

ok. sort of works - still cropped, but way better.

- if i make an image of say 250x250px as the splash image and there is more space on the phone left than that, will the image be interpolated to be bigger and fill up the remainig space, or always stay the original size?

- if i want to change the font of the splash page, i change ".jb-splash-info h3" and "a.jb-splash-view-glry" in theme.css, right?
does that affect any other typography as the first class is also called h3? or does it really only concern the splash page?

the color property of "a.jb-splash-view-glry", didnt seem to change the color of the "view gallery" text. does something else influence that? i only tried on one phone though.

and what do ".jb-splash-info", ".jb-splash-info p" and "p.jb-splash-desc" do?

- if i define the splash images in the juicebox-interface for each gallery, can i still use one external jbcore folder or is the splash page address defined in this folder and each gallery needs its own jbcore folder to find its own splashimage?

------------ new question - should i move it to new topic?

the splash page on an iphone 5 is positioned as this image shows .

on loading, the writing at the bottom is cut off (step1). i can then scroll inside the splash image to show all of the writing (step2).

but then the splash page is still cut off at the bottom. the amount thats missing at the bottom is exactly the amount, that the adress bar of the browser uses, when i choose to have it displayed (step3).

the juicebox-container is inside a div, so i dont know, if the problem is safaris rendering of the div or the splash itsself.
the divs properties are:

    #right {
    position: absolute;
        top: 0;
        left: 10rem;
        right: 0;
        bottom: 0;
        overflow: auto;
    }