FROM CACHE - de_header
Gelöst

Impulse Theme - Hintergrundfarbe im Dropdown Menü ändern

LadyExciter
Entdecker
36 1 10

Hallo zusammen,

 

ich würde gern die Hintergrundfarbe des Dropdown Menüs im Impulse Theme ändern. (den rot markierten Bereich im Foto)
Ich habe bisher schon einiges versucht was aber leider nicht funtioniert hat.

Ich bin für jede Hilfe dankbar.


Meine Shop URL: https://fernweh-kaufhaus.de

 

dropdown.png

1 AKZEPTIERTE LÖSUNG
Simonsron
Shopify Partner
699 87 122

Erfolg.

.site-nav--has-dropdown .site-nav__dropdown{
background-color:blue;
}
.site-nav__dropdown a{
  color:#fff;
  background-color:blue;
}

try this in your theme.css

banned

Lösung in ursprünglichem Beitrag anzeigen

7 ANTWORTEN 7

Gift-o-the-Jab
Seefahrer
358 23 95

@LadyExciter 

 

Füge folgenden Code in den CSS Editor beispielsweise für die Blaue Farbe (kannst auch den Hex Code anstatt "Blue" verwenden) und speichern. Wenn's nicht klappt, das ist ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen mit einem Experten/Programmierer!

 

.site-nav__link--has-dropdown[href="/pages/fernweh-kaufhaus"] {
  background-color: blue;
}

 

 

.site-nav__dropdown-link {
  background-color: blue;
}

 

Oder eben hier den Code suchen (im Beispiel der gelben Background Farbe)

 

image.png

 

Hier der CSS Editor:

 

image.png

 

 

LadyExciter
Entdecker
36 1 10

@Gift-o-the-Jab 
Vielen Dank erstmal für Deine Hilfe und Deine Mühe.

Die Codes funktionieren, ändern aber leider nur andere Bereiche des Dropdown Menüs, jedoch nicht die komplette Hintergrundfarbe des Dropdown Menüs.

 

Da ich mich mit CSS nicht auskenne, muss ich wohl leider warten bis mir jemand weiter helfen kann.

Simonsron
Shopify Partner
699 87 122

Erfolg.

.site-nav--has-dropdown .site-nav__dropdown{
background-color:blue;
}
.site-nav__dropdown a{
  color:#fff;
  background-color:blue;
}

try this in your theme.css

banned
LadyExciter
Entdecker
36 1 10

@Simonsron 

It works perfect. Thank you very much.

 

Have a nice day.

Gift-o-the-Jab
Seefahrer
358 23 95

👍

LadyExciter
Entdecker
36 1 10

Ich bin auf jeden Fall froh das es jetzt funktioniert.

Hab einen schönen Sonntag.

Gabe
Shopify Staff
17452 2764 4079

Das sieht gut aus - hier zielt der erste Codeblock auf das div element mit einer site-nav__dropdown class das innerhalb eines anderen Elements mit der Class site-nav--has-dropdown sitzt, und setzt die background Farbe auf Blau. Der zweite Codeblock zielt auf alle a tags die innerhalb des div elements sizten mit der site-nav__dropdown class, und setzt die sich kontrastierende Textfarbe auf weiß und die BG farbe auf blau aller Dropdown-Elemente im Menü.

 

Hätte ich auch drauf kommen sollen... 😉

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