FROM CACHE - de_header
Diese Community hat auf Peer-to-Peer-Support umgestellt. Der Shopify Support wird diese Community nicht mehr betreuen. Wir empfehlen dir, dich mit anderen Händler:innen und Partner:innen in Verbindung zu setzen, um Unterstützung zu erhalten und Erfahrungen auszutauschen. Bitte melde weiterhin alles, was gegen unseren Verhaltenskodex verstößt, oder Inhalte, die deiner Meinung nach entfernt werden sollten.

Betreff: Narrative Theme Header Image cut off in Fullscreen

Gelöst

Narrative Theme Header Image cut off in Fullscreen

IcedItOut
Neues Mitglied
5 0 0

Hello guys

 

I chose the narrative Theme and my Header Image is being cut off when i want to look at it in the Fullscreen mode. On mobile and Desktop does it work perfectly.

 

I'm thanking in advance for the solutions.

 

(Its important)

URL: https://glimmeryshop.myshopify.com/

Password: lotsai

2 AKZEPTIERTE LÖSUNGEN

r8r
Shopify Partner
2555 327 943

Erfolg.

@IcedItOut – sorry, but it doesn't work perfectly in quite a few viewports … see for example …

Screenshot 2022-02-02 at 00.19.00.jpg

or …

 

Screenshot 2022-02-02 at 00.19.51.jpg

You can get this improved with the following two CSS rules:

#Slideshow-1643483784a2b3234a > ul > li:first-child {
  background: #e1c38e;
}
#Slideshow-1643483784a2b3234a > ul > li:first-child > img {
  object-fit: contain;
}

resulting in …

Screenshot 2022-02-02 at 00.23.34.jpg

or

 

Screenshot 2022-02-02 at 00.23.18.jpg

 

However, the bottom line is, that this image and the scenario you're putting it in, does not work well in a responsive setting. 

 

Hope this helps,
Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte

Lösung in ursprünglichem Beitrag anzeigen

Gabe
Shopify Staff
19233 3006 4433

Erfolg.

Hey @IcedItOut 

 

That would be in your assets -> theme.scss.liquid of your narrative theme but a best practice is to try that in a theme copy first. If you are having trouble with your Narrative theme, don't forget we may be able to look at as part of your 60-min Design Time.

 

If there is anything here that’s unclear, let us know!

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

Lösung in ursprünglichem Beitrag anzeigen

4 ANTWORTEN 4

r8r
Shopify Partner
2555 327 943

Erfolg.

@IcedItOut – sorry, but it doesn't work perfectly in quite a few viewports … see for example …

Screenshot 2022-02-02 at 00.19.00.jpg

or …

 

Screenshot 2022-02-02 at 00.19.51.jpg

You can get this improved with the following two CSS rules:

#Slideshow-1643483784a2b3234a > ul > li:first-child {
  background: #e1c38e;
}
#Slideshow-1643483784a2b3234a > ul > li:first-child > img {
  object-fit: contain;
}

resulting in …

Screenshot 2022-02-02 at 00.23.34.jpg

or

 

Screenshot 2022-02-02 at 00.23.18.jpg

 

However, the bottom line is, that this image and the scenario you're putting it in, does not work well in a responsive setting. 

 

Hope this helps,
Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte
IcedItOut
Neues Mitglied
5 0 0

Thank you so much!

 

Where exaclty do i have to put the code?

 

Gabe
Shopify Staff
19233 3006 4433

Erfolg.

Hey @IcedItOut 

 

That would be in your assets -> theme.scss.liquid of your narrative theme but a best practice is to try that in a theme copy first. If you are having trouble with your Narrative theme, don't forget we may be able to look at as part of your 60-min Design Time.

 

If there is anything here that’s unclear, let us know!

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

r8r
Shopify Partner
2555 327 943

Sorry, I’m late to the party - but @Gabe saved the day while I had to save my clients 😉

Thank you and congrats on solving this!

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte