Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 7, 2024 at 7:57 am #1442519
    mulder4301

    Guten Morgen Enfold-Team,
    ich würde gerne bei mobile devices die Navigation zentriert unter dem Logo angezeigt haben. Quasi: Logo oben zentriert, drunter die Navigation in der zentriert. Weil so wie es jetzt ist, ist das Logo zu groß und schiebt sich über das Burgermenü, Suchfunktion und Profil-Icon.

    Vielen Dank für die Unterstützung!

    AS

    May 7, 2024 at 9:39 am #1442531
    Rikard

    Hey mulder4301,

    Could you post a link to where we can see the elements in question please?

    Best regards,
    Rikard

    May 7, 2024 at 9:47 am #1442534
    mulder4301
    This reply has been marked as private.
    May 7, 2024 at 4:18 pm #1442573
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .main_menu {
    position: initial;
    display: table;
    margin: 0 auto;
  }
  .responsive #top .logo {
    width: 100%;
  }
  .responsive #top .logo img {
    display: table;
    margin: 0 auto;
  }
}

    Best regards,
    Rikard

    May 7, 2024 at 5:15 pm #1442587
    mulder4301

    Thanks it works ;-)

    How can I change the height of the header only for mobiles?

    May 7, 2024 at 8:40 pm #1442612
    Rikard

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 767px) {
#menu-item-shop a, #avia-menu a {
  height: auto;
  line-height: 50px;
}
}

    Best regards,
    Rikard

    May 8, 2024 at 8:29 am #1442636
    mulder4301

    Thanks for that.
    But it doesn’t show any effect … :-/

    May 8, 2024 at 2:28 pm #1442685
    Rikard

    Hi,

    Please try this instead:

    
@media only screen and (max-width: 767px) {
#menu-item-shop a, #avia-menu a {
  height: auto !important;
  line-height: 50px !important;
}
}

    Best regards,
    Rikard

    May 8, 2024 at 6:52 pm #1442715
    mulder4301

    Perfect! Looks fine!
    Thank you very much!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Navigation unter das Logo bei Mobil Device’ is closed to new replies.