The look for search box and menu in mobile devices

  • Resolved Eagle_Fantasy

    (@eagle_fantasy)


    9 years, 1 month ago

    I like the look for search box and menu in desktop devices. However when I use mobile devices (I use iPhone 6s), these look different, and the magnifying glass icon is not even in the correct place… How do I make it look the same as desktop devices?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author TT Themes

    (@tomastoman)

    This issue might be caused by a plugin conflict. Please try to deactivate all your installed plugins (one after another) to detect a possible plugin conflict. If this does not help, please post here a screenshot of your issue.

    Best regards,
    Tomas Toman

    Thread Starter Eagle_Fantasy

    (@eagle_fantasy)

    I don’t think it’s because of plugins. Here is the screenshot:
    https://www.flickr.com/photos/physixfan/21835171288/in/datetaken/

    Theme Author TT Themes

    (@tomastoman)

    Thank you for the screenshot that clarifies the issue. Some mobile browsers render form elements using a platform-native styling based on the users’ operating system’s theme. To prevent it, please add this custom CSS (it should work in most mobile browsers):

    #searchform .searchform-wrapper .send,
.selectnav,
input[type=text],
input[type=search],
input[type=submit],
input[type=reset],
textarea,
select {
-webkit-appearance: none;
-moz-appearance: none;
}

    Best regards,
    Tomas Toman

    Thread Starter Eagle_Fantasy

    (@eagle_fantasy)

    Thanks! That really helps!

    Thread Starter Eagle_Fantasy

    (@eagle_fantasy)

    Thanks!

    Theme Author TT Themes

    (@tomastoman)

    You are welcome!

    Best regards,
    Tomas Toman

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘The look for search box and menu in mobile devices’ is closed to new replies.