m23m23 MemberComments: 218 Received thanks: 4 Member since: December 2014

Hallo zusammen,

ich experimentiere gerade mit einem eigenen Theme für Shopware 6 herum. Nun würde ich gerne den Breakpoint explizit für den Header anpassen (aktuell wird ja bei 576 px z. B. die Eingabemaske der Suche ausgeblendet und erst bei Klick auf die Lupe wieder eingeblendet). Diesen Effekt hätte ich nun schon gerne bereits bei 900 px Viewport.

Ich habe gedacht, das vielleicht das Hochsetzen der Variable "--breakpoint-sm" im CSS ausreichen könnte, das ist allerdings nicht der Fall.

Vielen Dank für Hinweise!

Answers

  • m23m23 MemberComments: 218 Received thanks: 4 Member since: December 2014

    Niemand eine Idee hierzu? Ich habe inzwischen so alles durch, was mir einfällt...

  • m23m23 MemberComments: 218 Received thanks: 4 Member since: December 2014

    Shopware-Team? Ein kleiner Tipp?

  • uralural MemberComments: 8 Received thanks: 1 edited September 16 Member since: June 2017

    Versuch das mal:

    _header.scss

    @include media-breakpoint-up(sm) {
        .header-search-col {
            .collapse:not(.show) {
                display: none;
            }
        }
    }
    
    @include media-breakpoint-up(lg) {
        .header-search-col {
            .collapse:not(.show) {
                display: block;
            }
        }
    }

     header.html.twig

    {% block layout_header_search_toggle %}
     <div class="col-auto d-lg-none">
    ....

     

Sign In or Register to comment.