Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #475503

    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

    #475544

    Hey katiadiamond!

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

    Best regards,
    Basilis

    #475580

    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

    #475935

    Anyone?

    #475945

    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, 5 months ago by Elliott.
    #475963

    Awesome – thanks so much!

    #476301

    Hey!

    Glad we could help :-)

    Best regards,
    Rikard

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