# js--menu-scroller--arrow

**URL:** <https://forum.shopware.com/t/js-menu-scroller-arrow/72482>\
**Category:** Themes & Design\
**Created:** [2. Februar 2021 um 10:29 UTC](https://forum.shopware.com/t/js-menu-scroller-arrow/72482 "2021-02-02T10:29:03Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![BjarneL](https://avatars.discourse-cdn.com/v4/letter/b/96bed5/32.png) [@BjarneL](https://forum.shopware.com/u/BjarneL)\
**Post date:** [2. Februar 2021 um 10:29 UTC](https://forum.shopware.com/t/js-menu-scroller-arrow/72482/1 "2021-02-02T10:29:03Z")

</div>

Hallo,&nbsp;

ich habe bei einem shop die Navigation etwas verändert, sodass die Breite der Navigation nur noch ca. 75% beträgt, während die anderen 25% von einem Zusatzinhalt beansprucht werden.&nbsp;  
Nun stehe ich aber vor dem Problem, dass der&nbsp;js–menu-scroller (bzw. der Pfeil zum scrollen) nicht früh genug angezeigt wird, sodass ich auf mobilen Viewports wie z.B. Tablet nicht alle Kategorien in der Navigation anzeigen lassen kann.&nbsp;  
Gibt es vielleicht eine simple Möglichkeit, den Pfeil schon früher anzeigen zu lassen ?&nbsp;  
In der CSS lässt es sich mit einem “display: inline-block” nicht einfach beheben, da es vermutlich durch ein Javascript ausgelöst und überschrieben wird.&nbsp;

Vielen Dank schon mal im Vorraus!&nbsp;  
&nbsp;

---

<div class="post-metadata">

**Author:** ![great2gether](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/great2gether/32/12887_2.png) [@great2gether](https://forum.shopware.com/u/great2gether)\
**Post date:** [1. Mai 2021 um 02:32 UTC](https://forum.shopware.com/t/js-menu-scroller-arrow/72482/2 "2021-05-01T02:32:19Z")

</div>

Ich hatte ein ähnliches Problem, die Slider Pfeile wurde zu spät angezeigt.

Es gibt diese Datei:  
themes/Frontend/Responsive/frontend/\_public/src/js/jquery.menu-scroller.js

Da ist folgender Wert:

- arrowOffset: 25,

Ich hab die Datei kopiert, eine JS-Datei mein Child-Theme gelegt (+ in der Theme.php registriert) und den Wert auf 45 erhöht. Vielleicht hilft dir das weiter.

Beste Grüße,  
Atilla

---

<div class="post-metadata">

**Author:** ![great2gether](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/great2gether/32/12887_2.png) [@great2gether](https://forum.shopware.com/u/great2gether)\
**Post date:** [21. August 2021 um 04:30 UTC](https://forum.shopware.com/t/js-menu-scroller-arrow/72482/3 "2021-08-21T04:30:50Z")

</div>

Kleiner Nachtrag, für Neulinge die noch kein JS eingebunden haben:

```auto
    /* Eigenes Javascript einbinden */
    protected $javascript = [
        "src/js/jquery.menu-scroller.js"
    ];

```