Ich brauche Eure Hilfe!!

FTIMMO

Hallo zusammen:)

ich brauche eure Hilfe! Wir haben uns einen Lead-Generator programmieren lassen. Hier findet den Generator auf : https://www.ftimmobilien24.com unter Immobilie verkaufen/Marktanalyse. So weit so gut.

Folgendes Problem: Sobald die mobile Version aufgerufen wird, werden die anklickbaren Elemente nach unten verschoben und nicht nebeneinander. (2 oben 2 unten wären perfekt) Wie kann man das lösen? Hat jmd eine gute und einfache Lösung:)

Gerne kann ich bei Bedarf die CSS hochladen.

Vielen Dank euch schon mal im Voraus.

Bg aus München Franco

basti1012

welche annklickbaren Elemente ? Man kann ja fast alles anklicken auf der Seite. Wäre gut zu wissen welche du davon meinst.

Aber wenn ich es richtig verstehe kann man sowas mit Flexbox

http://www.css-wiki.com/listings/flexbox.html

und mit @mediaqueries

https://wiki.selfhtml.org/wiki/CSS/Media_Queries

recht simpel umsetzen

m.scatello

Zitat von FTIMMO

Wir haben uns einen Lead-Generator programmieren lassen.

Und warum fragt ihr dann nicht den Programmierer?

FTIMMO

Zitat von m.scatello

Und warum fragt ihr dann nicht den Programmierer?

Ist leider ausgewandert...

FTIMMO

Zitat von basti1012

welche annklickbaren Elemente ? Man kann ja fast alles anklicken auf der Seite. Wäre gut zu wissen welche du davon meinst.

Aber wenn ich es richtig verstehe kann man sowas mit Flexbox

http://www.css-wiki.com/listings/flexbox.html

und mit @mediaqueries

https://wiki.selfhtml.org/wiki/CSS/Media_Queries

recht simpel umsetzen

Alles anzeigen

hier den Link zum Generator: https://ftimmobilien24.de/leadgen/leadgenerator.html - verkleinere mal auf Smartphone größe, die Elemente werden nach unter verschoben, wir wollen die Anordnung aber nebeneinander- 2 oben 2 unten.

basti1012

Ich würde mal versuche das mit in deiner css zu setzen

Code

@media (max-width: 767px){
.col-md-3 {
    flex-wrap: wrap;
    width: 50%;
}
}

und dann mal kucken ob es so weit passt. Zumindest in der Console sieht es schon mal ok aus

FTIMMO

Zitat von basti1012
Ich würde mal versuche das mit in deiner css zu setzen
Code
@media (max-width: 767px){
.col-md-3 {
    flex-wrap: wrap;
    width: 50%;
}
}
und dann mal kucken ob es so weit passt. Zumindest in der Console sieht es schon mal ok aus

basti vielen Dank für deine Hilfe.... Da ich kein Profi bin;) wo genau soll ich das einsetzten?

basti1012

Mit in der Css,

Sinnvoll in der Css wo die anderen Angaben auch sind dafür.

Bei dir kommt da ja nur deine style.css in Frage. Da sollte die dann auch rein.

Doch zum testen kannst du die mal in deinen <head> </head rein kopieren

Code

<style>
@media (max-width: 767px){
   .col-md-3 {
       flex-wrap: wrap;
       width: 50%;
   }
}
</style>

so hat man wenniger probleme mit der Cache.

Wenn es da funktioniert nimmst du die wieder raus und kopierst es in der style.css rein und fertig. Falls es dann in der syle.css nicht mehr geht mußt du mal die cache löschen

FTIMMO

Zitat von basti1012
Mit in der Css,

Sinnvoll in der Css wo die anderen Angaben auch sind dafür.

Bei dir kommt da ja nur deine style.css in Frage. Da sollte die dann auch rein.

Doch zum testen kannst du die mal in deinen <head> </head rein kopieren
Code
<style>
@media (max-width: 767px){
   .col-md-3 {
       flex-wrap: wrap;
       width: 50%;
   }
}
</style>
so hat man wenniger probleme mit der Cache.

Wenn es da funktioniert nimmst du die wieder raus und kopierst es in der style.css rein und fertig. Falls es dann in der syle.css nicht mehr geht mußt du mal die cache löschen
Alles anzeigen

Bist der Beste, Danke dir:)

Ich brauche Eure Hilfe!!

Jetzt mitmachen!

Tags