Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 25, 2017 at 10:09 am #856384
    andreasconstantin

    Guten Tag,

    in der Menuleiste haben wir 7 Namen von Unterseiten. Diese werden auf einem iPad im Querformat in 2 Zeilen angezeigt. Die Zweite Zeile rutscht auf das Headerbild und wird unlesbar. im Hochformat wird automatisch das Menu-ICON angezeigt. Wie kann ich das Menu-Icon für ein Tablet im Querformat erzwingen?

    Schöne Grüße nach Österreich

    September 25, 2017 at 5:21 pm #856604
    Victoria

    Hey Andreas,

    Könnten Sie uns bitte einen Link zu Ihrer Website geben, wir brauchen mehr Kontext, um Ihnen helfen zu können.

    Best regards,
    Victoria

    September 25, 2017 at 7:02 pm #856668
    andreasconstantin
    This reply has been marked as private.
    September 26, 2017 at 10:53 am #856867
    Victoria

    Hi andreasconstantin,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 991px) and (max-width: 1023px) {
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }

}
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
  .av-main-nav > li > a {
    padding: 0 6px;
  }
}

@media only screen and (min-width: 1101px) and (max-width: 1150px) {
  .av-main-nav > li > a {
    padding: 0 8px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 26, 2017 at 10:59 am #856871
    andreasconstantin

    Hey Victoria

    noch immer der gleiche Fehler. Der Code hat an der Darstellung nichts verändert.

    September 26, 2017 at 11:07 am #856875
    andreasconstantin

    Hallo Vivtoria,

    September 27, 2017 at 5:16 am #857264
    Ismael

    Hi,

    Thank you for the info. We modified the code in the Quick CSS field. Please remove browser cache or hard refresh before checking the page.

    @media only screen and (max-width: 1366px) and (min-width: 768px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
      display: block;
  }
}

    Best regards,
    Ismael

    September 27, 2017 at 12:39 pm #857470
    andreasconstantin

    Danke Ismael,
    jetzt funktioniert es!

    September 27, 2017 at 6:41 pm #857671
    Victoria

    Hi andreasconstantin,

    Froh, dass wir helfen könnten :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.