Indexhibit Support

Hello, I had problems changing position of my post-nav. Arsondpi suggested me to add the following code to my css:

#index .bot {
bottom: 10px;
font-size: 10px;
position: fixed;
}

I did it, it worked greatly and the thread has been flagged as resolved. Later I noticed a problem though. The post-nav do not show if I access my website via mobile devices. Any idea?

This is my website: vitonewyork.com

Thank you!

Well css is hectic like this - you need to check things through most devices...
Unfortunately I don't have a mobile device to check to help you - it does come down to experimenting though... Search the web using keywords "position fixed problem ios" or similar... See what comes up.

arsondpi, I'm getting crazy with this, hopefully you have a good advise :)

What I want do is to have a post-nav text sticking at the bottom of each page. Not in a fixed position though, but relative. This is my website right now, with the code you previously suggested. Any idea? Thank you in advance

vitonewyork.com

then you need to edit the structure of the index.php of your theme.
Specifically

1. <div class='bot'>{{obj_ibot}}</div>

needs to go after the last closing </div>
And then of course you'll need to adjust things with css.

Thanks arsondpi,

I added the div to my index.php and put the position relative in the css. Now my post-nav object is centered but not at the bottom of every page. Its position is relative to the exhibit. So, if I don't have an exhibit in a page, my post-nav shows up as sticked right below the index.

I'd like to fix a minimum distance from the index but also to have it at the bottom of those pages with exhibits. Any idea on how I can do that?

Thank you as always

by adding css attributes to .bot - for example:

1. .bot {
2.     bottom: 5px;
3.     margin: 0 auto;
4.     position: fixed;
5.     width: 100%;
6. }

Ok, I just did it it but in the pages without exhibits the post-nav is still right below the index and I would like to fix a minimum distance from the index, either if the page as an exhibit or not. Any further suggestion you may have would be highly appreciated

any idea about the above mentioned problem?

You'll probably need to use php to do this - in the case that there is content the css for .bot would be this and if there's no content the css for .bot would be this.
So in the end coding skills are needed.

mhhh, you think I should modify the div in my php then?

Otherwise, wouldn't be possible to create a fixed container size for the exhibit, either if there is content or if there isn't?

Anyone has good advises on the thread above?

I'm really stuck with the construction of my site. I need to solve this problem. I want a footer sticking at the bottom of the page, either if the exhibit has content or not.

Thanks

Maybe this will work:

1. #exhibit .container {
2.     min-height: 500px;
3. }

thank you arsondpi.

I inserted it in the css, right below #exhibit but it doesn't work. Nothing changes :(

works fine on my computer. The #exhibit .container has now a minimum height of 1000px (as you've set it)

you're right, it works perfectly! Thank you very very much