Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 11, 2024 at 1:20 pm #1448896
    Meetx

    Hi,

    Thank you for your advice previously on how to set up Enfold up with some accessibility criteria. I have just been asked by the client for another feature to be made more accessible.

    The search function.
    1. Is it possible for the search function to have a hover effect? (i.e. clarity that it is clickable)
    2. On the phone can the search function icon be bigger and have more distance from the menu icon?

    Best regards
    Nick

    June 12, 2024 at 7:22 am #1448962
    Ismael

    Hey Meetx,

    Thank you for the inquiry.

    1-2) Please add this css code to adjust color of the icon on hover and make it bigger on mobile view.

    .html_bottom_nav_header #top .av_seperator_big_border .av-main-nav>#menu-item-search:hover a {
    color: red;
}

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .menu-item-search-dropdown>a {
    font-size: 32px;
    margin-right: 20px;
  }
}

    Best regards,
    Ismael

    June 13, 2024 at 9:54 am #1449298
    Meetx

    Thanks Ismael, this is excellent!
    Best regards
    Nick

    June 13, 2024 at 12:53 pm #1449374
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    June 14, 2024 at 9:52 am #1450284
    Meetx

    Hi Richard,
    Thanks you can close it.

    Best regards
    ¨Nick

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Accessibility’ is closed to new replies.