Search Icon Placed Differently from Main Help Site to Search Results

5 Comments

  • Ifra Saqlain
    Community Moderator
    Most Engaged Community Member of The Year - 2021

    Hey Kristal Offutt, you need to change the left space:

    Current - left:90px:

    .search-icon {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;

    left: 90px;

    z-index: 1;
    width: 18px;
    height: 18px;
    color: #777;
    }

     

     

    It would be left:15px :

    .search-icon {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;

    left: 15px;

    z-index: 1;
    width: 18px;
    height: 18px;
    color: #777;
    }

     

    If any issue, you can share your pubic help center URL here, so I can share the exact solution for you.

     

    Thanks

    Team Diziana

    0
  • Kristal Offutt

    Hi ifra, 

    Thank you for the quick reply! When I change that to 15 then it changes the search icon on the main page to be outside of the search bar. I did shorten the search bar to 75% as it was taking up too much of the space. 

    URL: support.pinwheel.com

    0
  • Ifra Saqlain
    Community Moderator
    Most Engaged Community Member of The Year - 2021

    Okay, so don't change 90px to 15px, only copy the below CSS and paste it at style.css file.

     .sub-nav .search-icon {
    left:15px
    }

     

    1
  • Kristal Offutt

    You're amazing! Thank you so much! 

    1
  • Ifra Saqlain
    Community Moderator
    Most Engaged Community Member of The Year - 2021

    :)

    0

Please sign in to leave a comment.

Powered by Zendesk