Move search bar icon to the left of the top menu

This topic contains 17 replies, has 2 voices, and was last updated by  Vinod Dalvi 1 day, 17 hours ago.

  • Author
    Posts
  • #2569
    mahwash
    Participant
    • Topics: 1
    • Replies: 8

    Hi,
    I have tried all the codes you have provided to move the search icon to the left, but did not work.

    Please can you help out. Thanks.

  • #2574
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 214

    Hi Mahwash,

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

    Could you please share me your site URL where it’s displaying so that i can help you to achieve it?

    Best regards,
    Vinod Dalvi

  • #2579
    mahwash
    Participant
    • Topics: 1
    • Replies: 8
    This reply has been marked as private.
  • #2582
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 214

    You shared your site credentials but not your site URL so please share me your site URL so that i can access it.

  • #2583
    mahwash
    Participant
    • Topics: 1
    • Replies: 8

  • #2584
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 214

    I don’t see the search icon on your shared site so that i can move it.

    Please make sure it is displaying on your site.

  • #2585
    mahwash
    Participant
    • Topics: 1
    • Replies: 8

    Sorry for that, i deactivated plugin, but is on now.

  • #2586
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 214

    You can achieve this by adding the below CSS code in the Custom CSS option of Add Search To Menu plugin settings on the path Settings -> Add Search To Menu

    #nav .menu li.astm-search-menu {
        left: -280px;
        position: absolute;
        top: 0;
    }
  • #2587
    mahwash
    Participant
    • Topics: 1
    • Replies: 8

    It works, but can you please open my site on mobile so you can see how is displayed.

    http://www.africq.com

  • #2590
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 214

    Again i don’t see it on your site.

    Have you deactivated it?

  • #2591
    mahwash
    Participant
    • Topics: 1
    • Replies: 8

    Yes, sorry i deactivated it, is now active.

    Thanks

    http://www.africq.com

  • #2594
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 214

    I visited your site on mobile and it is displaying fine for me as shown in the attached screenshot.

    Attachments:
    You must be logged in to view attached files.
  • #2596
    mahwash
    Participant
    • Topics: 1
    • Replies: 8

    Im sorry for being a pain, can you move the search bar to the top, please.

    Thanks for your great help.

  • #2608
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 214

    I saw it again and it displays at the top as shown in the attached screenshot.

    Have you managed to achieve it?

    Attachments:
    You must be logged in to view attached files.
  • #2611
    mahwash
    Participant
    • Topics: 1
    • Replies: 8

    No, this is a different plugin, i have been waiting for you.

    Please could you help me with some code to achieve that.

    Thanks for your help.

  • #2612
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 214

    Sure i can help you to achieve this if you activate Add Search To Menu plugin on your site.

  • #2613
    mahwash
    Participant
    • Topics: 1
    • Replies: 8

    Add search to menu is on my site now, thanks

  • #2614
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 214

    Use below CSS code to achieve this.

    #mobile-nav li.astm-search-menu {
        position: absolute;
        top: 0;
        left: 10px;
    }
    
    #mobile-nav ul.menu {
        position: relative;
        padding-top: 40px;
    }

You must be logged in to reply to this topic.