FROM CACHE - de_header
Gelöst

Social Media Block (Smartphone-Ansicht) California Theme

Chris1337
Neues Mitglied
9 0 0

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.

Bildschirm­foto 2023-02-20 um 00.48.47.png

 

Herzliche Grüße Chris

1 AKZEPTIERTE LÖSUNG
Simonsron
Shopify Partner
699 87 122

Erfolg.

@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;
}
}
banned

Lösung in ursprünglichem Beitrag anzeigen

8 ANTWORTEN 8

Simonsron
Shopify Partner
699 87 122

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

banned

Gabe
Shopify Staff
17417 2754 4064

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.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Chris1337
Neues Mitglied
9 0 0

Hallo Gabe,

 

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

Leider ist das Problem auf allen Mobile Browsern

 

LG

Simonsron
Shopify Partner
699 87 122

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

banned
Chris1337
Neues Mitglied
9 0 0

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
Shopify Partner
699 87 122

Erfolg.

@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;
}
}
banned
Chris1337
Neues Mitglied
9 0 0

vielen Dank!!!

Simonsron
Shopify Partner
699 87 122

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!

banned