Kategoriesortierung auf Handy-Sicht Code

[mcosme]

Hallo zusammen,

ich wollte meine Kategoriesortierung nicht zusammen auf einer Zeile mit dem Kollektion-Titel haben, daher habe ich die Sortierung 1 Zeile nach unten verschoben und anschließend mit dem folgenden Code nach rechts platziert für die Desktop-Ansicht (da ich keine Ahnung habe, warum es nach der Verschiebung nicht mehr nach rechts platzieren lässt):

.section-header__link--left{
position: relative;
left: 950px;
padding-bottom: 40px;
}

Auf dem Handy müsste man dann aber wiederum sehr weit nach rechts scrollen um es sehen zu können (siehe bitte Video im Anhang). Mit welchem Code könnte ich es für die Handy-Ansicht ändern?

Vielen Dank im Voraus.

Viele Grüße

Mewy

[HosonoDE]

Hallo @mcosme 

Könntest du Mal die URL deines Shops hier schicken? Würde sehr weiterhelfen. 

[r8r · Accepted solution]

@mcosme – der Code, den Du eingefügt hast, der hat Nebeneffekte, die Du wahrscheinlich nicht wolltest; konkret verursachst Du einen horizontalen Scrollbereich:

 

Lösch diesen Block am Besten wieder. Dieser Code sollte das machen, was du möchtest:

.section-header__link--left {
  text-align: center;
}
.section-header__link--left .form-horizontal {
  display: inline-block;
  max-width: 100%;
}
@media screen and (min-width: 769px) {
  .section-header__link--left .form-horizontal {
    float: right;
    margin-bottom: 2rem;
  }
}

Mobile:

Desktop:

 

Für laufende Unterstützung kannst Du Dich gerne melden. Den pro bono Support hier kann ich nur in gewissem Rahmen bieten 😉

LG, Mario

[mcosme]

@r8r Hey Mario, super!! Danke dir nochmal! Ich melde mich, falls ich weitere Unterstützungen brauche 🙂

[mcosme]

@HosonoDE hey danke dir, hat sich erledigt 🙂

[Sigi]

Hey hallo und Grüße ... kannst du mir etwas Support geben ? ich muss das Logo im Browser Reiter ändern wo geht das?

Grüße

[r8r]

@Sigi – magst Du dafür ein extra Post erstellen? Ich werd's sehen, wenn Du mich darin erwähnst 😉