Page 1 of 3
Sliding navigation tutorial
Posted: Tue Nov 13, 2018 8:46 pm
by Tata
Maybe somebody finds this usefull. There are some problems in previewing some of demo pages, but the navigation is available from the first step and you can see the goal from the beginning.
See here
Again, any comments are highly appreciated.
Re: Sliding navigation tutorial
Posted: Tue Nov 13, 2018 9:39 pm
by olape
I can only use prev, top and next on the iPad if the content is less than the screen height. Otherwise the links disappear behind the footer.
Re: Sliding navigation tutorial
Posted: Tue Nov 13, 2018 10:13 pm
by Tata
Should work now. The footer-container was fixed in the bottom. But I have forgotten about proper responsibiliy settting
.
Re: Sliding navigation tutorial
Posted: Wed Nov 14, 2018 4:37 am
by olape
Tata wrote: ↑Tue Nov 13, 2018 10:13 pm
Should work now. The footer-container was fixed in the bottom. But I have forgotten about proper responsibiliy settting
.
Not for me (on iPad)
Nothing has changed with Safari.
In Firefox it works, but links and footers are layered. So it's not nice optically.
Re: Sliding navigation tutorial
Posted: Wed Nov 14, 2018 8:29 am
by Tata
One more fix. There was set the height for the content.
Re: Sliding navigation tutorial
Posted: Wed Nov 14, 2018 12:02 pm
by olape
Now the layout is completely broken. No more menu, no prev, top or next.
Screenshot from iPad too big for the forum.
Re: Sliding navigation tutorial
Posted: Wed Nov 14, 2018 12:27 pm
by lck
Tata wrote: ↑Wed Nov 14, 2018 8:29 am
One more fix. There was set the height for the content.
Warum ist die Slide-Navigation rechts und links, ist das Absicht?
Unbedingt ändern:
Code: Select all
.wrapper {
width: 1024px; /* <--- Ändern zu max-width */
padding: 0 1%;
margin: auto;
}
Re: Sliding navigation tutorial
Posted: Wed Nov 14, 2018 12:53 pm
by Tata
Die beide navigationen ist Absicht (beide Möglichkeitenzu zeigen) und es ist auch im Text erklärt.
Danke für die Hinweise.
Re: Sliding navigation tutorial
Posted: Wed Nov 14, 2018 1:14 pm
by cmb
olape wrote: ↑Wed Nov 14, 2018 12:02 pm
Now the layout is completely broken. No more menu, no prev, top or next.
Screenshot from iPad too big for the forum.
Refresh the browser; likely the old CSS is chached.
Re: Sliding navigation tutorial
Posted: Wed Nov 14, 2018 4:59 pm
by olape
cmb wrote: ↑Wed Nov 14, 2018 1:14 pm
olape wrote: ↑Wed Nov 14, 2018 12:02 pm
Now the layout is completely broken. No more menu, no prev, top or next.
Screenshot from iPad too big for the forum.
Refresh the browser; likely the old CSS is chached.
I have done this
It works with Ipad + Firefox, but not with Safari.
PC + Chrome also works.