abbrechen
Suchergebnisse werden angezeigt für 
Stattdessen suchen nach 
Meintest du: 

Hintergrund der Navigationsleiste anpassen

Gelöst
rk_wmx
Tourist
4 0 1

Hallo zusammen,

 

ich möchte gerne den Hintergrund der Navigationsleiste so anpassen, dass er farbig wird und die Menüleiste mittig davon sitzt.

Ersteres habe ich hinbekommen aber an Letzterem scheitere ich.

Kann mir hier jemand weiterhelfen?

Bildschirmfoto 2021-04-14 um 22.04.38.png

Außerdem würde ich gerne die ganze Menüleiste (also den farbigen Bereich) so begrenzen, dass sie nicht breiter ist als die Artikelauswahl. Geht das?

 

Vielen Dank schonmal für eure Hilfe.

 

Gruß

Robin

0 Likes
r8r
Shopify Expert
1273 134 425

@rk_wmx Robin …

und die Menüleiste mittig davon sitzt.

Du meinst vertikal zentriert?

Ja, aber darüber hinaus beantworten kann man das nur ordentlich, wenn Du uns einen Link zum Store gibst. Und idealerweise gleich die Info dazu, welches Theme Du verwendest.

LG, Mario

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
rk_wmx
Tourist
4 0 1

Hi Mario,

 

vielen Dank für deine Antwort.

Link zum Shop ist https://wiewowasistgut.myshopify.com/

PW: www2021

Theme: Debut

 

LG Robin

0 Likes
r8r
Shopify Expert
1273 134 425

Erfolg.

@rk_wmx 

ad 1.) Vertikal zentriert darstellen: ergänze folgendes am Ende der Datei assets/theme.css

ul#SiteNav {
  padding: 1rem 0;
}

ad 2.) Desktop-Navigation auf Contentbreite beschränken: öffne die Datei sections/header.liquid und ergänze die Klasse page-width beim nav-Element mit der ID AccessibleNav und mit der Klasse small--hide – beim aktuellen Debut ist das in Zeile 250 und das Ergebnis ist dann folgendes …

  <nav class="small--hide border-bottom page-width" id="AccessibleNav" role="navigation">

Resultat:

Screenshot 2021-04-15 at 15.55.16.jpg

LG, Mario

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
rk_wmx
Tourist
4 0 1

@r8r 

Vielen Dank. Funktioniert super.