Arrow is missing on Search field

• 

  mealsourkidslove · Member · Mar 27, 2015 at 5:48 am

  • Copy link
  • Add topic to favorites

  Hi

  I recently moved my Search field to just above the Nav Bar. However when I input text into this field, the arrow on the far right gets cut off slightly. It looks like it is a question of adjusting the size of the field but I am not sure what I am doing so any help appreciated.

  Thank you,

  Dawn

  The blog I need help with is: (visible only to logged in users)

• 

  musicdoc1 · Member · Mar 27, 2015 at 8:05 pm

  • Copy link

  That effect is probably dependent upon the size of the monitor of the visitor, and it’s certainly theme dependent. It’s difficult to understand and interpret precisely the effect you’re describing since your site is private, and we don’t know what theme you are using.

• 

  thesacredpath · Member · Mar 27, 2015 at 10:51 pm

  • Copy link

  Hi, I’m seeing this in Safari, but not seeing the little arrow icon at all in Firefox. Try adding the following CSS and see if this does the trick.

  input[type="search"] {
  	padding-right: 0
  }

• 

  mealsourkidslove · Member · Mar 28, 2015 at 4:29 am

  • Copy link

  well it works… but it turns out it’s not an arrow but a little cross. When I hover over the cross a line of text says: search for… but if you click on the cross it deletes the search. I’m guessing there should have been an arrow or magnifying glass search icon there which has somehow got messed up in the move…. ?

• 

  thesacredpath · Member · Mar 29, 2015 at 3:13 am

  • Copy link

  If you look at the top of the sidebar on the Blog page in Sela, there is no arrow, magnifying glass, or the circle with the X in it. In general buttons to initiate a search on the web are disappearing pretty quickly. Most people just type in what they want and hit the return/enter key to initiate the search. I’m not sure why the little X icon appeared after you moved the search widget.