Header bearbeiten

Hallo liebes Forum,

habe leider noch ein Problem zu dem ich noch keine Lösung gefunden habe.
Bei der Desktopversion wird der Header normal angezeigt.
Bei Smartphone auch keine Probleme. Allerdings bei der Tabletversion (siehe Bild)


Handelt sich um den Header aus dem Contant Manager. Habe jetzt lange versucht das Problem mit den Grid Bereichen zu ändern. Komme hier aber nicht weiter.

Für Hilfe und Lösungsvorschläge wäre ich sehr dankbar.

Viele Grüße

 

was hast du bei den Grid Spalten für Werte eingestellt für mittlere Größe? Evtl. musst da ne Spalte ändern.

 

Habe dort folgende Werte:
links: 3
recht: 0
mitte: 9

Habe damit schon etwas rumprobiert. Leider noch ohne vernünftiges Ergebnis.

 

hast du nen link zum shop? Dann kan man mal genauer schauen was da im css steht bei dir

 

Hier der Link:

https://carstens-keramik-shop.de/

 

Habt ihr da dem custom Conteiner eine ID gegeben?
Dann is das der Abschnitt

Code:

#custom-1 .inside p {
    margin: 20px 60px 20px 0;
    padding: 17px 0 0;
    display: block;
    vertical-align: top;
    text-align: right;
    font-size: 12px;
    line-height: 15px;
    color: #176291;
    border-left: 1px solid #ddd;
    height: 60px;
}

der da greift und der ist nur für desktop ausgelegt worden nicht für mobile. Daher passt das dann nicht mehr da rein wenns kleiner wird.