Button/link nur in der mobilen version anzeigen 
Autor: Jens H.
Besucht 1201,
Followers 1,
Geteilt 0
Hallo Community,
ich stehe auf dem Schlauch, ich möchte für die Handy und Tablet ansicht einen Button einfügen, bzw habe ich den schon eingefügt der beim anklicken die Telefonnummer ins Handy zum anrufen überträgt.
Der Link bzw Button ist mitten im Content unter Text, wie blende ich den nun nur Mobile ein und im Desktop aus ?
Danke und MFG
Gepostet am
Breakpint dann nObjekt dann Button 'Einblenden/Ausblenden' klicken.
https://guide.websitex5.com/de/support/solutions/articles/44000787296-so-verwalten-sie-die-inhalte-einer-responsiven-website
Autor
Das habe ich schon versucht aber die Zeile wird dann in allen auflösungen ausgeblendet und der Button zum einblenden wird in geringer Auflösung grau.
Es gibt ein Widget das du einbinden kannst das nur in der mobilen Version auftaucht.
https://market.websitex5.com/de/objekte/vorschau/28faeb70-63d3-4214-bd05-3bee5e4739c
https://helpcenter.websitex5.com/de/post/193089
So wie es aussieht, musst du das mit eigenem coding machen.
... Sie können einfachen EXTRA-Code verwenden ...
... wenn Sie interessiert sind, müssen Sie den LINK der Seite posten, damit ich überprüfen kann ...
ciao
.
Autor
Hallo,
ja da hätte ich interesse dran, vielen Dank.
https://www.oedemzentrum-flow-motion.de/
Bei Leistungen ist ein grüner Button "Termin Vereinbaren" um den geht es, wenn der Button Probleme macht könnte man auch einen Link benutzen, ist aber nicht so schön dann.
Der Code wäre....
<style>
@media (max-width: 480px) {
#imCell_118 {display: none;}
}
</style>
Diesen Code unter "1" Reiter Erweitert -> Code > vor dem </head> Tag einfügen !
... OK ... x breakpoint 720 px ++ | über 720px nein; ... ja unter 720px:
<style> @media (min-width: 720px) { #imCell_118 {display: none;} } </style>
... Sie machen den Test und lassen es mich dann wissen...
ciao
.
Nein, mein Code passt! Wenn du min.width: nimmst dann wird es ab 720px ausgeblendet! Also Tablet Richtung Laptop Ansicht.
Autor
Der Code funktioniert leider nicht, der Button bleibt immer Sichtbar.
Autor
Der Code Funktioniert aber genau falsch herum, Im Desktop sichtbar und bei 480px ausgeblendet.
... der Code funktioniert; ... versuche es erneut und poste den LINK mit der aktiven Änderung:
<style> @media (min-width: 720px) { #imCell_118 {display: none;} } </style>
>> Schritt 3 - Sitemap > Eigenschaften der Seite Fenster > Funktionen im Bereich Erweitert | ▪Benutzerdefinierter Code: > 3° - Vor dem </HEAD> Tag
... Benachrichtige mich, ... ciao...
.
Autor
Vielen Dank es klappt perfekt. Ich habe nun (danke auch Andreas) zweit Button eingefügt der eine für Desktop und der andere für Mobile Ansicht, die je nachdem ausgeblendet werden.
<style> @media (min-width: 720px) { #imCell_118 {display: none;} } </style>
<style> @media (max-width: 720px) { #imCell_128 {display: none;} } </style>
... ausgezeichnet, gut ...
... Ich gebe Ihnen einen weiteren EXTRA-Vorschlag, der sehr nützlich sein könnte ...
... Ihre Seite ist lang und komplex und es ist schwierig, mit den 10 Seitentasten zu navigieren ...
... wenn Sie interessiert sind, können Sie meine Erfindung (ToolTip) verwenden, die Sie hier finden:
https://helpcenter.websitex5.com/de/post/221030#comment12
... wenn Sie interessiert sind und Hilfe benötigen, lassen Sie es mich in einem neuen speziellen Thema wissen, ... andernfalls ignorieren Sie diese Nachricht ...
hallo, ciao
.