Sliding navigation tutorial

Please post the URLs to pages, where you've made a CMSimple template available for download

Moderator: mikey

Tata
Posts: 2880
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Sliding navigation tutorial

Post by Tata » Tue Nov 13, 2018 8:46 pm

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.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

olape
Posts: 675
Joined: Fri Mar 13, 2015 8:47 am
Contact:

Re: Sliding navigation tutorial

Post by olape » Tue Nov 13, 2018 9:39 pm

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.

Tata
Posts: 2880
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: Sliding navigation tutorial

Post by Tata » 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 :oops: .
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

olape
Posts: 675
Joined: Fri Mar 13, 2015 8:47 am
Contact:

Re: Sliding navigation tutorial

Post by olape » Wed Nov 14, 2018 4:37 am

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 :oops: .
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.

Tata
Posts: 2880
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: Sliding navigation tutorial

Post by Tata » Wed Nov 14, 2018 8:29 am

One more fix. There was set the height for the content.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

olape
Posts: 675
Joined: Fri Mar 13, 2015 8:47 am
Contact:

Re: Sliding navigation tutorial

Post by olape » 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. :(

lck
Posts: 1380
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: Sliding navigation tutorial

Post by lck » Wed Nov 14, 2018 12:27 pm

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;
}
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

Tata
Posts: 2880
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: Sliding navigation tutorial

Post by Tata » Wed Nov 14, 2018 12:53 pm

Die beide navigationen ist Absicht (beide Möglichkeitenzu zeigen) und es ist auch im Text erklärt.
Danke für die Hinweise.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

cmb
Posts: 12940
Joined: Tue Jun 21, 2011 11:04 am
Location: Mü-Sa, RLP, DE
Contact:

Re: Sliding navigation tutorial

Post by cmb » 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.
Christoph M. Becker –Plugins for CMSimple_XH

olape
Posts: 675
Joined: Fri Mar 13, 2015 8:47 am
Contact:

Re: Sliding navigation tutorial

Post by olape » Wed Nov 14, 2018 4:59 pm

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.
You do not have the required permissions to view the files attached to this post.

Post Reply