Mobile Seite (Offcanvas) auffrischen

Shopware 5 Themes & Design
1

Hallo,

 

ich möchte die Darstellung für Mobile etwas auffrischen. Das Design ist ja etwas altbacken. Also das Kategorien-Menü usw. farbig ändern.

Leider weiß ich nicht so recht, wo ich ansetzen soll.

Gibt es eine eigene .less für die mobile Ansicht?

Grüße

Gerhard

2

Dieses Menü möchte ich farblich anpassen…

3

hm, hat denn niemand einen Ansatz für mich?  Blush

4

–push–

in der sidebar.less habe ich verschiedene Sachen getestet, aber das wirkt sich auch auf die sidebar in der Desktop-Ansicht aus.

Keiner ne Idee?

5

Nutze media queries um Änderungen in der Desktopnavigation auszuschliessen

6

Hi,

leider färbt sich dann die sidebar in der Desktopversion auch.

.sidebar--navigation {
  color:#555555;
  overflow:hidden;
  text-overflow:ellipsis;
  background-color:#CCC312;
}


   @media screen and (min-width: @tabletViewportWidth) {

    .offcanvas--overlay {
        display: none;
    }

    .sidebar-main {

usw
usw.

 

7

Habe es jetzt mal so rum probiert, und scheint zu funktionieren. Ob das „css-konform“ ist, keine Ahnung.

@media screen and (max-width: @tabletViewportWidth){

        .sidebar--navigation {
            overflow:hidden;
            text-overflow:ellipsis;
            background-color:#5C93E0;
        }
        .sidebar--navigation .navigation--link {
            color:#F2F2F2;
            &:hover {
                color: #FFF;
                font-weight: bold;
            }
        }
     }