Social Media Block (Smartphone-Ansicht) California Theme

[Chris1337]

Hallo Community,

bei der Smartphone-Ansicht wird der ganze Socialmedia Block in der Footer Zeile zusammen gequetscht.

An was liegt das und wie kann man das beheben.

Herzliche Grüße Chris

[Simonsron]

Teilen Sie mir Ihre Shop-URL und Ihr Passwort mit, wenn Sie eine haben.

[Gabe]

Hey @Chris1337 

Du kannst auch einen befristeten Vorschaulink zu einem Beispiel hier verlinken, so dass wir das schneller auf dem Handy analysieren können 😉

Ggf. ist das problem Browser-bedingt auf Mobile und somit empfehle ich auch andere browser wie Google Chrome zu testen. Ich würde vom Samsung Browser ganz weg bleiben und Safari ist uns auch bekannt, dass es Probleme beim Rendering verursacht.

[Chris1337]

Hallo Gabe,

hier ist der Link zum shop https://leetempire.com/

Leider ist das Problem auf allen Mobile Browsern

LG

[Simonsron]

Ich habe Ihren Shop überprüft und Sie können die Schriftgröße auf Ihrem Handy entsprechend reduzieren.

@media (max-width: 960px){
 /* In Bezug auf das Menü Inhalt Reduktion Code ist. */
.section-header .header .side-nav-section{
   font-size:20px !important;
}
/* Im Hinblick auf die Verringerung der Medien Schriftgröße. */
.section-header .header .side-nav-section .connect{
font-size:14px !important;
}
}

 Versuchen Sie diese Codes unter der Datei california.css

[Chris1337]

Danke für die Antwort,

jedoch betrifft der von Ihnen gesendete Code die Sidemenü Ansicht (dort werden die Social Media Kanäle korrekt angezeigt).

Das Problem ist jedoch im Footer, beim Social Media Block.

LG

[Simonsron · Accepted solution]

@media (max-width: 960px){

#shopify-section-footer .footer .col{
   width:100% !important;
   font-size:20px !important;
}

#shopify-section-footer .footer .content .row.cols .col p{
font-size:16px !important;
}
}

[Chris1337]

vielen Dank!!!

[Simonsron]

Wenn meine Antwort Ihr Problem löst, können Sie meine Antwort als gelöst markieren!

Ich bin froh, dass ich Ihnen bei Ihrem Problem helfen konnte!