• Registered: 2016-03-31
  • Posts: 27

Topic: maribo theme index page top margin (mobile)

maribo theme

used




logo

sub text


(margin)

pic



margin is too large

  • Registered: 2012-12-16
  • Posts: 938

Re: maribo theme index page top margin (mobile)

Please post the URL to the web page that you are referring to so that I can see the problem for myself.
I do not know if the image you are referring to is a part of a gallery (Juicebox, ListViewer, SimpleViewer) or an image included from the Showkase Library (or something else).
Also, without seeing the page, I do not know whether the margin is connected to the "sub text" or the "pic" from your post above (although I suspect it is likely related to the image).
Please let me know what device and browser you are using and, if possible, provide a screenshot so that I can see what you are seeing. Thank you.

Try viewing this Maribo demo gallery on your mobile device to see how the margin above the gallery images compares with your own site.

Depending on the nature of the problem, you might be able to tweak the margin using custom CSS.
Please see the Adding Custom Styles support section for details.
Your browser's developer tools should help you determine which classes or ids you might need to apply custom CSS rules to.
Please see this forum post for more information regarding using developer tools.

If the image is part of a Juicebox gallery, then this FAQ might help.
My Juicebox gallery shows too much space above or below the main image, how do I fix this?

You can reduce the height of a Juicebox gallery in Showkase by editing the gallery page, going to the 'Override Site Options' section and entering a negative value (such as '-200') for the 'External fit px' entry.
(This will probably help only for a Juicebox gallery where the Splash Page is not being used.)

3 Reply by jskno1 (edited by jskno1 2016-08-19 06:50:18)

  • Registered: 2016-03-31
  • Posts: 27

Re: maribo theme index page top margin (mobile)

http://maybi.iptime.org/1.png

http://maybi.iptime.org/2.png

phone : iphone 5s

page url : http://maybi.iptime.org/show_clearpix/

  • Registered: 2012-12-16
  • Posts: 938

Re: maribo theme index page top margin (mobile)

Thank you for the link to your web page and the screenshots.

It looks like the problem might be the one noted in the FAQ from my post above.
The gallery images do not have the same aspect ratio as the gallery itself in narrow browser windows which results in some space above and below the images.

Try reducing the height of your Juicebox gallery by editing the gallery page, going to the 'Override Site Options' section and entering a negative value for either 'External fit px' or 'Internal fit px'.

You might need to experiment with values but, as a starting point, try setting 'Internal fit px' to -105 (the same as in the Maribo demo gallery). This should hopefully help.

Also, I note that your gallery sets topAreaHeight to -100. Try setting it to 0 instead. (Your gallery does not have any elements positioned TOP so this might not make a difference but topAreaHeight expects only a positive integer if it is to be used.)