search widget on phone and tablet

  • Posted in : TheBlogger
  • Steve B
    Participant

    Sorry again for all the questions!

    I am using the normal WP search widget in the footer. The input box doesn’t look so good on tablet and phone – here is a photo:
    http://tbd.wpstagecoach.com/wp-content/uploads/2017/04/IMG_0680.png

    Looks ok on desktop (although I wouldn’t mind if it could be 1px border instead of 2) but on phone & tablet it is rounded on the ends and looks like it has some shadow on the top? Can we make it just simple 1px border (no rounded corners)?

    Thanks!

    serkan
    Moderator

    Hi Steve,
    I tested this problem, but I did not encounter a problem as you did in the photo. But still I give you a code, you can add and try.

    .search-field.input-text { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0 !important; box-shadow: none !important; }

    Thanks

    Steve B
    Participant

    Yeah strange – that code made the border 1px on desktop – thank you! But yeah, it doesn’t change the rounded ends and top shadow that you see in that screen shot on iPhone and iPad! Any other ideas?

    serkan
    Moderator

    Hi,
    I just updated the css code for you. Could you try it with the new code, again?
    Thanks

    Steve B
    Participant

    Crap! Sorry Serkan, still not changing anything on phone and tablet!

    Thanks!

    Steve B
    Participant

    oh – Site is live now – http://www.thebudgetdecorator.com

    serkan
    Moderator

    Hi, The code I wrote absolutely had to hide the shadows. Still, I will test this situation.
    Thanks

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register