# responsive Theme - bei Desktop-View über volle Breite anzeigen lassen? **URL:** \ **Category:** Themes & Design\ **Created:** [21. April 2016 um 12:13 UTC](https://forum.shopware.com/t/responsive-theme-bei-desktop-view-uber-volle-breite-anzeigen-lassen/36202 "2016-04-21T12:13:37Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![n8lauscher](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/n8lauscher/32/13325_2.png) [@n8lauscher](https://forum.shopware.com/u/n8lauscher)\ **Post date:** [21. April 2016 um 12:13 UTC](https://forum.shopware.com/t/responsive-theme-bei-desktop-view-uber-volle-breite-anzeigen-lassen/36202/1 "2016-04-21T12:13:37Z")
Hallo, wie kann man im responsive-Theme die Frontend-Anzeige für die Desktop-View über die volle Breite anzeigen lassen? Ich möchte dass auf normalen Desktop PCs die volle Breite des Monitors für den Shop verwendet wird. Derzeit wird diese ja begrenzt - wie ändert man dies am besten?   Gruß Michael ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [21. April 2016 um 12:38 UTC](https://forum.shopware.com/t/responsive-theme-bei-desktop-view-uber-volle-breite-anzeigen-lassen/36202/2 "2016-04-21T12:38:52Z")
Die Breite des Containers wird hier definiert: [https://developers.shopware.com/styletile/\_components-container.html](https://developers.shopware.com/styletile/_components-container.html) Die Viewports für die jeweiligen Darstellungen der Endgeräte findest du hier: [https://developers.shopware.com/styletile/\_variables-structure.html](https://developers.shopware.com/styletile/_variables-structure.html) Demnach legst du dir eine neue Less Datei an, in dem Falle also bspw. die \_components/container.less und sagst hier, dass auf Desktops der Container 100% Breite haben soll. ``` @media screen and (min-width: @desktopViewportWidth) { .container { width:100%; max-width: none; } } ```   ---
**Author:** ![n8lauscher](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/n8lauscher/32/13325_2.png) [@n8lauscher](https://forum.shopware.com/u/n8lauscher)\ **Post date:** [21. April 2016 um 13:12 UTC](https://forum.shopware.com/t/responsive-theme-bei-desktop-view-uber-volle-breite-anzeigen-lassen/36202/3 "2016-04-21T13:12:47Z")
> [@kayyy schrieb:](https://forum.shopware.com/profile/15489/kayyy "kayyy") > > Die Breite des Containers wird hier definiert: [https://developers.shopware.com/styletile/\_components-container.html](https://developers.shopware.com/styletile/_components-container.html) > > Die Viewports für die jeweiligen Darstellungen der Endgeräte findest du hier: [https://developers.shopware.com/styletile/\_variables-structure.html](https://developers.shopware.com/styletile/_variables-structure.html) > > Demnach legst du dir eine neue Less Datei an, in dem Falle also bspw. die \_components/container.less und sagst hier, dass auf Desktops der Container 100% Breite haben soll. > > @media screen and (min-width: @desktopViewportWidth) { > .container { > width:100%; > max-width: none; > } > } Hallo danke für die schnelle Antwort Ich habe soeben wie von Dir beschrieben: - eine container.less erstellt - diese mit deinem geposteten Code befüllt - und entsprechend in mein selbsterstelltes Theme welches auf Responsive besiert kopiert Pfad entsprechend \_components - Cache gelöscht - Theme compeliert Leider ist immer noch die Begrenzung von 1260px für den Container vorhanden.  ich gehe davon aus, dass es mit: ``` .unitize-max-width(1260, 16); ``` zu tun hat - wie kann ich hier das unitize ausser kraft setzen?  ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [21. April 2016 um 13:37 UTC](https://forum.shopware.com/t/responsive-theme-bei-desktop-view-uber-volle-breite-anzeigen-lassen/36202/4 "2016-04-21T13:37:40Z")
max-width ist ja bereits auf none gesetzt. Ich gehe eher mal davon aus, dass du die Less überhaupt nicht lädst. Hast du die .container.less in deiner all.less eingebunden? Hier auch einmal ein kleines Video dazu: [https://shopwareianer.com/tutorials/shopware-eigene-less-datei-anlegen](https://shopwareianer.com/tutorials/shopware-eigene-less-datei-anlegen) Du musst also noch die Datei all.less anlegen in  **public/src/less/all.less** Dort bindest du dann die .container.less ein. Shopware sucht immer nur nach dieser all.less im Root Verzeichnis vom Less Ordner. Der Inhalt für die all.less wäre demnach ``` @import "_components/container"; ```   ---
**Author:** ![n8lauscher](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/n8lauscher/32/13325_2.png) [@n8lauscher](https://forum.shopware.com/u/n8lauscher)\ **Post date:** [21. April 2016 um 14:10 UTC](https://forum.shopware.com/t/responsive-theme-bei-desktop-view-uber-volle-breite-anzeigen-lassen/36202/5 "2016-04-21T14:10:56Z")
Du hast natürlich vollkommen recht! Vielen Dank - jetzt weiss ich auch wie man less - richtig anwendet!   ---
**Author:** ![mee](https://avatars.discourse-cdn.com/v4/letter/m/c0e974/32.png) [@mee](https://forum.shopware.com/u/mee)\ **Post date:** [11. Juni 2021 um 14:04 UTC](https://forum.shopware.com/t/responsive-theme-bei-desktop-view-uber-volle-breite-anzeigen-lassen/36202/6 "2021-06-11T14:04:58Z")
@Shopwareianer @n8lauscher Ich danke euch sehr für diese Konversation. dieses Problem beschäftigte mich schon seit tagen… den ganzen net durch gesucht alle forums…etc usw. … bis ich auf dieses Gespräch gestoßen bin und …und Gott sei dank wurde heute mein Problem gelöst. Ich wollte nur nochmal n Feedback zurückgeben und Danke sagen !! VG;