Sliding navigation tutorial

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

Moderator: mikey

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

Re: Sliding navigation tutorial

Post by olape » Thu Nov 15, 2018 5:06 am

Tata wrote:
Wed Nov 14, 2018 9:15 pm
Hopefully fixed now.
+1

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

Re: Sliding navigation tutorial

Post by lck » Thu Nov 15, 2018 12:03 pm

Es gibt da schon noch ein Problem. Nachvollziehbar mit den Browsertools, Bildschirmgrößen testen (Beispiel iPad).
slidenav-issue.jpg
Das rechte Menü floatet über den Content-Bereich hinaus (getestet mit Chrome), bedingt durch position: absolute. Mehr Infos hierzu siehe z.B. hier.

QuickFix - den gesamten Content-Bereich in ein div fassen (.content-container) und relativ positionieren mit overflow-x: hidden
template.htm

Code: Select all

<body id="body" onload="">

<div class="content-container"> <!-- NEU -->
<div class="navigation-container">
...
...
...
</div>

</body>
stylesheet.css ergänzen

Code: Select all

.content-container {
	overflow-x: hidden;
	position: relative;
}
You do not have the required permissions to view the files attached to this post.
„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 » Thu Nov 15, 2018 1:17 pm

Danke. Gefixt.
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.

Post Reply