tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/11732-verwendung-mobile-menu-von-rechts-einblenden
RockSolid Themes: Discussion
2016-07-15T12:34:15Z
tag:help.rocksolidthemes.com,2012-07-23:Comment/37539443
2015-08-03T09:00:00Z
2015-08-03T09:00:00Z
Verwendung: mobile-menu von rechts einblenden
<div><p>Vielen Dank für Ihre Nachricht.</p>
<p>Ihre Frage betrifft eine individuelle Anpassung. In unseren
<a href="http://rocksolidthemes.com/support-richtlinien">Support-Richtlinien</a>
weisen wir darauf hin, dass wir leider keine Hilfe bei Umbauten
leisten können. Dennoch versuchen wir Ihnen, in diesem Fall,
im Rahmen unserer Möglichkeiten weiterzuhelfen:</p>
<p>Versuchen Sie es bitte mit folgendem CSS-Code in der Datei
<em>files/oneo/css/custom.css</em>:</p>
<pre>
<code>.modernizr-csstransforms3d .main-navigation-mobile.is-enabled {
left: auto;
right: 0;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.modernizr-csstransforms3d .main-navigation-mobile.is-active {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.main-navigation-mobile-close {
right: auto;
left: -17.6471%;
}</code>
</pre></div>
RockSolid Themes
tag:help.rocksolidthemes.com,2012-07-23:Comment/37539443
2015-08-03T10:09:48Z
2015-08-03T10:09:50Z
Verwendung: mobile-menu von rechts einblenden
<div><p>herzlichen dank!</p>
<p>das läuft ganz wundervoll.</p>
<p>hier noch einmal für andere, die es vielleicht suchen der
code incl. media query (einblenden ab 768px):</p>
<pre>
<code>@media screen and (max-width: 768px) {
.main-navigation { display: none; }
.main-navigation-mobile-open {
display: block;
left:auto;
right:6.66667%;
}
.main-navigation-mobile.is-enabled {
display: block;
}
.modernizr-csstransforms3d .main-navigation-mobile.is-enabled {
left: auto;
right: 0;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.modernizr-csstransforms3d .main-navigation-mobile.is-active {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.main-navigation-mobile-close {
right: auto;
left: -17.6471%;
}
}</code>
</pre></div>
karsten
tag:help.rocksolidthemes.com,2012-07-23:Comment/37539443
2016-07-14T12:50:18Z
2016-07-14T12:50:19Z
Verwendung: mobile-menu von rechts einblenden
<div><p>Hallo zusammen,</p>
<p>habe das im oneo Theme wie o.g. umgesetzt.<br>
Das Mobile Menu bleibt aber erreichbar, wenn man nach rechts
scrollt ...<br>
Wie kann das ausgeschlossen werden ..?</p>
<p>Vielen Dank</p></div>
Robin Hood
tag:help.rocksolidthemes.com,2012-07-23:Comment/37539443
2016-07-15T06:27:38Z
2016-07-15T06:27:38Z
Verwendung: mobile-menu von rechts einblenden
<div><p>Vielen Dank für Ihre Frage.</p>
<p>Das sollten Sie mit folgendem CSS-Code verhindern
können:</p>
<pre>
<code>@media screen and (max-width: 599px) {
html {
overflow-x: hidden;
}
}</code>
</pre></div>
RockSolid Themes
tag:help.rocksolidthemes.com,2012-07-23:Comment/37539443
2016-07-15T09:29:35Z
2016-07-15T12:33:59Z
Verwendung: mobile-menu von rechts einblenden
<div><p>Top, vielen Dank für die schnelle Antwort.</p>
<p>damit es auch in Safari OSX/iOS funktioniert habe ich noch
folgenden Code ergänzt:</p>
<pre>
<code>@media screen and (max-width: 599px) {
html {
overflow-x: hidden;
}
body {
position:relative;
overflow-x:hidden;
}
}</code>
</pre></div>
Robin Hood