Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 20, 2015 at 4:11 am #475503
    katiadiamond

    I’m trying to move the search icon down and to the left (within the menu bar space). Basically I need to add some padding on the top and the right to better position the icon. Can you advise a simple css to do this?

    Thanks,
    Barry

    July 20, 2015 at 6:39 am #475544
    Basilis

    Hey katiadiamond!

    Can you please show us your web site, so we can see exactly what it needs?

    Best regards,
    Basilis

    July 20, 2015 at 7:10 am #475580
    katiadiamond

    Hi, sure. I’ll add details below.

    The reason the icon is in the wrong place is because I needed to use a different menu (Mega Main Menu) to match other related sites we have. There is a search icon option included with the menu plugin I can use, but yours looks much better and I was hoping to still be able to include it. It seems to me that if I could add some padding on the top and right side, I’ll be able to play with the values until its placed correctly. Please let me know if you can help.

    Thanks,
    Barry

    July 20, 2015 at 4:47 pm #475935
    katiadiamond

    Anyone?

    July 20, 2015 at 4:53 pm #475945
    Elliott

    Hi!

    Maybe some CSS like this would work?

    #menu-item-search {
  transform: translate(-90px, 12px);
}

    If that’s the wrong spot then take a screenshot and highlight exactly what your trying to do so we can get a better idea.

    Regards,
    Elliott

    • This reply was modified 9 years, 4 months ago by Elliott.
    July 20, 2015 at 5:10 pm #475963
    katiadiamond

    Awesome – thanks so much!

    July 21, 2015 at 5:47 am #476301
    Rikard

    Hey!

    Glad we could help :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘padding to search icon’ is closed to new replies.