Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 18, 2024 at 9:09 pm #1471604
    Sandy

    The menu button overlaps the header logo on mobile only. Can the button be made smaller while meeting accessibility standards for button size and padding around it?

    If yes, what is the CSS for that?

    If no, what is the CSS to revert the button to it’s original place within the fly out menu on mobile only (e.g., undoing the “menu-item-avia-special cta” class only for mobile).

    November 19, 2024 at 12:14 pm #1471631
    Rikard

    Hey Tanja,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 400px) {
  .responsive #top #header_main #menu-item-548 a {
    padding: 0 0 0 10px;
    font-size: 12px;
  }
}

    Best regards,
    Rikard

    November 19, 2024 at 4:03 pm #1471659
    Sandy

    Perfect, thank you so much!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Menu button overlaps header logo on mobile’ is closed to new replies.