Mobile icon header location issue

Ivory Search › Forums › Support › Mobile icon header location issue

Viewing 6 reply threads

You must be logged in to create new topic or reply to the topic.

  • Author
    Posts
    • September 20, 2024 at 12:29 AM #21652
      cyclingrealm
      Participant
      • Topics: 1
      • Replies: 3

      Hi support team,

      I hope you are well.

      I would like to add the search icon next to the shopping cart in the header of my site. Currently, the search icon is positioned above and outside the header wrap, disrupting the layout and disappearing on the sticky header after scrolling down.

      Please see the attached screenshots and video for reference of the code, desired location and issue.

      Could you please tell me how can I move the icon?

      I appreciate your help with this adjustment.

      Best,

      C

      Attachments:
      You must be logged in to view attached files.
    • September 20, 2024 at 1:01 AM #21657
      cyclingrealm
      Participant
      • Topics: 1
      • Replies: 3
      This reply has been marked as private.
    • September 20, 2024 at 3:05 PM #21665
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

      I hope you are well today and thank you for your question.

      You can change the location of the mobile search icon by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Admin Area -> Ivory Search -> Settings -> Settings

      body .is-menu-wrapper {
    right: 130px;
    top: 40px;
}

      Best regards,
      Ivory Search Support

    • September 20, 2024 at 5:46 PM #21669
      cyclingrealm
      Participant
      • Topics: 1
      • Replies: 3

      Thank you very much for your quick reply and help! It worked however the icon disappeared from the sticky header after scrolling down. Could you please let me know how to reduce the width of the search field to fit the screen and ensure the icon appears in the sticky header?

      Attachments:
      You must be logged in to view attached files.
    • September 21, 2024 at 12:48 PM #21672
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

      We have some challenges as your sticky header is only displayed when we scroll up and not down so we need to develop more complex custom code.

      Developing complex custom code is beyond the scope of support that we provide here.

      If you are not a developer, you can consider hiring a developer to develop it. You can hire a developer from any freelance site or WordPress agency.

      You can also consider hiring me to develop it for you using the form https://ivorysearch.com/custom-work/

    • September 21, 2024 at 5:43 PM #21674
      cyclingrealm
      Participant
      • Topics: 1
      • Replies: 3

      Thank you very much for your reply, I understand that so no worries. Have a great weekend!

    • September 23, 2024 at 1:07 PM #21688
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

      You are always welcome here 🙂

  • Author
    Posts
Viewing 6 reply threads

You must be logged in to create new topic or reply to the topic.