# Block in der Sidebar für Handy/ Tablet ausschalten

**URL:** <https://forum.shopware.com/t/block-in-der-sidebar-fur-handy-tablet-ausschalten/39750>\
**Category:** Themes & Design\
**Created:** [12. September 2016 um 09:13 UTC](https://forum.shopware.com/t/block-in-der-sidebar-fur-handy-tablet-ausschalten/39750 "2016-09-12T09:13:43Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![kohli24](https://avatars.discourse-cdn.com/v4/letter/k/54ee81/32.png) [@kohli24](https://forum.shopware.com/u/kohli24)\
**Post date:** [12. September 2016 um 09:13 UTC](https://forum.shopware.com/t/block-in-der-sidebar-fur-handy-tablet-ausschalten/39750/1 "2016-09-12T09:13:43Z")

</div>

Hallo

Ich habe ein Bewertungslogo eingebaut. Leider überdeckt es bei Handy die Seite.

Ich würde dieses Bewertungslogo gerne nur auf der Desktop-Ansicht anzeigen. Wie kann ich das realisieren?

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [12. September 2016 um 09:18 UTC](https://forum.shopware.com/t/block-in-der-sidebar-fur-handy-tablet-ausschalten/39750/2 "2016-09-12T09:18:36Z")

</div>

> [@kohli24 schrieb:](https://forum.shopware.com/profile/3961/kohli24 "kohli24")
> 
> Hallo
> 
> Ich habe ein Bewertungslogo eingebaut. Leider überdeckt es bei Handy die Seite.
> 
> Ich würde dieses Bewertungslogo gerne nur auf der Desktop-Ansicht anzeigen. Wie kann ich das realisieren?

Hallo,

mit LESS bzw. CSS und der Zuhilfenahme der entsprechenden Breakpoints, siehe: [Getting started with LESS](https://developers.shopware.com/designers-guide/less/#breakpoint-variables) und [Example - Custom detail page](https://developers.shopware.com/designers-guide/custom-detail-page/#styling) .

Beste Grüße

Sebastian

---

<div class="post-metadata">

**Author:** ![kohli24](https://avatars.discourse-cdn.com/v4/letter/k/54ee81/32.png) [@kohli24](https://forum.shopware.com/u/kohli24)\
**Post date:** [12. September 2016 um 14:45 UTC](https://forum.shopware.com/t/block-in-der-sidebar-fur-handy-tablet-ausschalten/39750/3 "2016-09-12T14:45:15Z")

</div>

Vielen Dank schonmal… das Thema ist an sich schon ziemlich kompliziert. Ich habe mich mal ran gewagt und folgendes erstellt.

&nbsp;

**sidebar.tpl**

```
{block name='frontend_ausgezeichnet'}

Ausgezeichnet.org

{/block}

```

&nbsp;

Wie kann ich nun sagen, dass **.frontend\_ausgezeichnet** &nbsp;nicht angezeigt wird?

**sidebar.less**

```
.frontend_ausgezeichnet {
    .unitize-padding(10, 0);
}

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

    .frontend_ausgezeichnet {
        .unitize-padding(20, 0);
    }

}

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [12. September 2016 um 14:57 UTC](https://forum.shopware.com/t/block-in-der-sidebar-fur-handy-tablet-ausschalten/39750/4 "2016-09-12T14:57:25Z")

</div>

display:none;

---

<div class="post-metadata">

**Author:** ![kohli24](https://avatars.discourse-cdn.com/v4/letter/k/54ee81/32.png) [@kohli24](https://forum.shopware.com/u/kohli24)\
**Post date:** [12. September 2016 um 16:23 UTC](https://forum.shopware.com/t/block-in-der-sidebar-fur-handy-tablet-ausschalten/39750/5 "2016-09-12T16:23:21Z")

</div>

Kann ich bei

&nbsp; &nbsp;_@media screen and(min-width: @desktopViewportWidth) {_

auch mit max-width arbeiten?

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [12. September 2016 um 16:36 UTC](https://forum.shopware.com/t/block-in-der-sidebar-fur-handy-tablet-ausschalten/39750/6 "2016-09-12T16:36:51Z")

</div>

Du machst es für alle Breakpoints&nbsp;auf display:none; und bei Desktop display:block; oder inline oder was Du brauchst

---

<div class="post-metadata">

**Author:** ![kohli24](https://avatars.discourse-cdn.com/v4/letter/k/54ee81/32.png) [@kohli24](https://forum.shopware.com/u/kohli24)\
**Post date:** [12. September 2016 um 18:14 UTC](https://forum.shopware.com/t/block-in-der-sidebar-fur-handy-tablet-ausschalten/39750/7 "2016-09-12T18:14:06Z")

</div>

Klasse! So langsam verstehe ich das Prinzip. 🙂 Danke Euch!

Gibt es auch eine Breakpoint variable&nbsp;für&nbsp;phone (hochkant)?

&nbsp;

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [12. September 2016 um 18:16 UTC](https://forum.shopware.com/t/block-in-der-sidebar-fur-handy-tablet-ausschalten/39750/8 "2016-09-12T18:16:51Z")

</div>

> [@kohli24 schrieb:](https://forum.shopware.com/profile/3961/kohli24 "kohli24")
> 
> Klasse! So langsam verstehe ich das Prinzip. 🙂 Danke Euch!
> 
> Gibt es auch eine Breakpoint variable&nbsp;für&nbsp;phone (hochkant)?
> 
> &nbsp;

Hallo,

siehe der Link: [Getting started with LESS](https://developers.shopware.com/designers-guide/less/?%5C_ga=1.23483260.731280371.1457024291#breakpoint-variables) (phoneLandscapeViewportWidth = Handy Querformat, kann man auch als max-width nehmen, um alles darunter anzusteuern). Und display: none; benutzt man fürs ausblenden, siehe: [http://www.w3schools.com/cssref/pr\_class\_display.asp](http://www.w3schools.com/cssref/pr%5C_class%5C_display.asp) .

Beste Grüße

Sebastian

---

<div class="post-metadata">

**Author:** ![kohli24](https://avatars.discourse-cdn.com/v4/letter/k/54ee81/32.png) [@kohli24](https://forum.shopware.com/u/kohli24)\
**Post date:** [12. September 2016 um 18:20 UTC](https://forum.shopware.com/t/block-in-der-sidebar-fur-handy-tablet-ausschalten/39750/9 "2016-09-12T18:20:12Z")

</div>

Jetzt ist es perfekt. Vielen Dank nochmal! 🙂