# Viewport-detection.helper.js : getCurrentViewport() returns "NONE" on page load

**URL:** <https://forum.shopware.com/t/viewport-detection-helper-js-getcurrentviewport-returns-none-on-page-load/90686>\
**Category:** Allgemein\
**Created:** [4. Oktober 2021 um 12:36 UTC](https://forum.shopware.com/t/viewport-detection-helper-js-getcurrentviewport-returns-none-on-page-load/90686 "2021-10-04T12:36:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![david.darx](https://avatars.discourse-cdn.com/v4/letter/d/7ba0ec/32.png) [@david.darx](https://forum.shopware.com/u/david.darx)\
**Post date:** [4. Oktober 2021 um 12:36 UTC](https://forum.shopware.com/t/viewport-detection-helper-js-getcurrentviewport-returns-none-on-page-load/90686/1 "2021-10-04T12:36:55Z")

</div>

Das Plugin vendor/shopware/storefront/Resources/app/storefront/src/plugin/collapse/collapse-footer-columns.plugin.js hat Probleme beim Collapse Einstellung, weil \_isInAllowedViewports on page load returns „false“ on small viewports, und dann sind die Akkordeon/Collapse nicht durch JS responsive.

Das Problem kommt eigentlich von vendor/shopware/storefront/Resources/app/storefront/src/helper/viewport-detection.helper.js, wo getCurrentViewport() returns „NONE“ anstatt „XS“, „MD“, etc. Diese Funktion liest die werte die in vendor/shopware/storefront/Resources/app/storefront/src/scss/base/\_base.scss auf dem html::before definiert sind.

Sobald man nach dem PageLoad die Seite skaliert, dann funktioniert wieder alles wie normal. Nur nach dem Pageload sind diese ::before werte nicht anerkennt.

Hat jemand das Problem lösen können? Vielen Dank!  
David

---

<div class="post-metadata">

**Author:** ![JustinB](https://avatars.discourse-cdn.com/v4/letter/j/e274bd/32.png) [@JustinB](https://forum.shopware.com/u/JustinB)\
**Post date:** [23. Juni 2022 um 11:06 UTC](https://forum.shopware.com/t/viewport-detection-helper-js-getcurrentviewport-returns-none-on-page-load/90686/2 "2022-06-23T11:06:36Z")

</div>

You are missing the content css property on the :before pseudo element of the html.

> <https://github.com/shopware/storefront/blob/trunk/Resources/app/storefront/src/scss/base/_base.scss#L14>