Highlighted

"Accordeon" Menü soll darunter liegende diashow nach unten verdrängen

Community Beginner ,
Mar 08, 2018

Copy link to clipboard

Copied

Hallo zusammen,

wie meine Überschrift schon sagt - ich habe in meiner mobilen Ansicht ein "Accordeon" Menü angelegt.

Wenn sich dieses aufklappt, überdeckt es die Slidershow die darunter liegt.

Wie kann ich das ändern?

LG Laura

accordeon_3.jpg

There are some issues:

  • The first one, which prevents the accordion pushing down other elements: If an accordion should push down other elements, these elements aren’t allowed to overlap the accordion. The image overlaps heavily. Correct this in every(!) breakpoint and all works as expected. Place the image so deep, that it doesn’t overlap the closed accordion.
  • Nearly all of your text frames and menus contain system fonts! Don’t do that! It leads to heavy layout issues and isn’t very useful for search engines. You find the reason of this in my post 4 in this thread: https://forums.adobe.com/thread/2357163
  • Your site won’t work well on different devices. A basic rule: No element of you page is allowed to be placed outside or overlap the page/breakpoint boundaries at any time! Now just look at your page
    :
    For deeper informations read this document: https://forums.adobe.com/docs/DOC-8953
  • You have a fluid breakpoint at 320 px. Why? There is no device with a smaller screen size. And additionally you have set the minimal page width of this breakpoint to 320 px too! That means: You expect the breakpoint to be fluid, and forbid it at the same time by defining it as minimal page width. Simply delete this breakpoint. It isn’t necessary for anything!
  • I think, you have too much breakpoints! If 3, 4, maximal 5 breakpoints aren’t enough, you should rethink your layout.

Views

193

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

"Accordeon" Menü soll darunter liegende diashow nach unten verdrängen

Community Beginner ,
Mar 08, 2018

Copy link to clipboard

Copied

Hallo zusammen,

wie meine Überschrift schon sagt - ich habe in meiner mobilen Ansicht ein "Accordeon" Menü angelegt.

Wenn sich dieses aufklappt, überdeckt es die Slidershow die darunter liegt.

Wie kann ich das ändern?

LG Laura

accordeon_3.jpg

There are some issues:

  • The first one, which prevents the accordion pushing down other elements: If an accordion should push down other elements, these elements aren’t allowed to overlap the accordion. The image overlaps heavily. Correct this in every(!) breakpoint and all works as expected. Place the image so deep, that it doesn’t overlap the closed accordion.
  • Nearly all of your text frames and menus contain system fonts! Don’t do that! It leads to heavy layout issues and isn’t very useful for search engines. You find the reason of this in my post 4 in this thread: https://forums.adobe.com/thread/2357163
  • Your site won’t work well on different devices. A basic rule: No element of you page is allowed to be placed outside or overlap the page/breakpoint boundaries at any time! Now just look at your page
    :
    For deeper informations read this document: https://forums.adobe.com/docs/DOC-8953
  • You have a fluid breakpoint at 320 px. Why? There is no device with a smaller screen size. And additionally you have set the minimal page width of this breakpoint to 320 px too! That means: You expect the breakpoint to be fluid, and forbid it at the same time by defining it as minimal page width. Simply delete this breakpoint. It isn’t necessary for anything!
  • I think, you have too much breakpoints! If 3, 4, maximal 5 breakpoints aren’t enough, you should rethink your layout.

Views

194

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Mar 08, 2018 0
Adobe Community Professional ,
Mar 08, 2018

Copy link to clipboard

Copied

Bildschirmfoto 2018-03-08 um 10.09.46.png

Das funktioniert, solange das Accordion nicht gepinnt ist und auch Elements unterhalb des Accordions nicht gepinnt sind.

Damit meine ich dieses Pinning links mit 6 Punkten:

Bildschirmfoto 2018-03-08 um 10.13.23.png

Das pinning mit den drei Punkten funktioniert.

Grüße,

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 08, 2018 0
Community Beginner ,
Mar 08, 2018

Copy link to clipboard

Copied

Danke. ich hab das so umgesetzt und geschaut ob die beiden elemente gepinnt sind,

die diashow schon mal nicht und auch die ersten beiden ebenen des menüs nicht, aber wenn man auf den einzelnen Menüpunkt klickt, dann scheint das gepinnt zu sein - lässt sich aber nicht ändern, ist eingegraut.

LGaccordeon_4.jpg

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 08, 2018 0
Adobe Community Professional ,
Mar 08, 2018

Copy link to clipboard

Copied

Zeige uns doch diese eine Seite, indem Du alle anderen Seiten löschst, die Datei dann unter einem anderen Namen in Deine Creative Cloud Files sicherst und mit einem Rechts-Klick, den Link teilst.

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 08, 2018 0
LEGEND ,
Mar 08, 2018

Copy link to clipboard

Copied

Das Accordion(!!!) darf nicht gepinnt sein!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 08, 2018 0
Community Beginner ,
Mar 08, 2018

Copy link to clipboard

Copied

Das ist der Link dazu   Adobe Creative Cloud

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 08, 2018 0
LEGEND ,
Mar 08, 2018

Copy link to clipboard

Copied

There are some issues:

  • The first one, which prevents the accordion pushing down other elements: If an accordion should push down other elements, these elements aren’t allowed to overlap the accordion. The image overlaps heavily. Correct this in every(!) breakpoint and all works as expected. Place the image so deep, that it doesn’t overlap the closed accordion.
  • Nearly all of your text frames and menus contain system fonts! Don’t do that! It leads to heavy layout issues and isn’t very useful for search engines. You find the reason of this in my post 4 in this thread: https://forums.adobe.com/thread/2357163
  • Your site won’t work well on different devices. A basic rule: No element of you page is allowed to be placed outside or overlap the page/breakpoint boundaries at any time! Now just look at your page
    :
    For deeper informations read this document: https://forums.adobe.com/docs/DOC-8953
  • You have a fluid breakpoint at 320 px. Why? There is no device with a smaller screen size. And additionally you have set the minimal page width of this breakpoint to 320 px too! That means: You expect the breakpoint to be fluid, and forbid it at the same time by defining it as minimal page width. Simply delete this breakpoint. It isn’t necessary for anything!
  • I think, you have too much breakpoints! If 3, 4, maximal 5 breakpoints aren’t enough, you should rethink your layout.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 08, 2018 1
Community Beginner ,
Mar 09, 2018

Copy link to clipboard

Copied

Vielen Dank, das hat gut geklappt alles.

Jetzt habe ich mir über die Webfonts Bibliothek (Adobe Typekit)

die Schriftart rausgesucht, die ich bisher auch genutzt habe - nur eben als Webfont. Da habe ich mir die Montserrat rausgesucht.

Allerdings wird die Schrift im Browser in der Helvetica angezeigt.

Was ich kann ich da ändern?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 09, 2018 0
LEGEND ,
Mar 08, 2018

Copy link to clipboard

Copied

Das funktioniert dann und nur dann, wenn das Accordion widget nicht „gepinned“ ist. Solche Objekte dürfen andere Seitenobjekte nicht beeinflussen.

Warum? Weil das ein völlig chaotisches Nutzererlebnis zur Folge hätte.

Stell dir vor, ein langes Textobjekt liegt hinter einem gepinnten Accordion, welches Element nach unten schieben soll. Was soll hier passieren? Soll das ganze Textobjekt verschoben werden, obwohl der Beginn des Elements vielleicht schon oben außerhalb des Bildschirms liegt? Sollen nur die Objekte unterhalb des Textobjekts nach unten verschoben werden? Das wäre genau so wirr.

Du siehst: Das Ganze würde nur dann sauber funtionieren, wenn man annimmt, dass Elemente direkt und komplett unterhalb des Accordions legen, was aber bei einem solchen Layout so gut wie nie der Fall sein wird.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 08, 2018 0
LEGEND ,
Mar 09, 2018

Copy link to clipboard

Copied

Das Problem ist wahrscheinlich leicht zu lösen:

Du hast offenbar die „Montserrat“ als Systemschrift auf deinem Rechner und hast sie nun zusätzlich als Web-Schrift installiert.

Wähle einmal den kompletten(!) Text einer Textbox aus, und öffne das Schriftenmenü. Stelle nun sicher, dass die Montserrat aus der Rubrik „Webschriften“ und nicht die „Montserrat“ aus der Rubrik „Systemschriften" ausgewählt ist.

Sollte das nicht helfen, würde ich testweise sowohl die Webschrift als auch die Systemschrift „Montserrat“ deinstallieren und die Webschrift erneut über das Muse-Schriftenmenü installieren.

Noch ein Tipp: Ich würde nicht die „Montserrat" aus der TypeKit-Sammlung, sondern die aus der „Edge Web Font“-Sammlung wählen. Diese bleiben auch dann aktiv, wenn du einmal dein Creative-Cloud-Abonnement einmal beenden solltest.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 09, 2018 2