Menu showing up in weird place

This topic contains 14 replies, has 2 voices, and was last updated by  Vinod Dalvi 4 days, 9 hours ago.

  • Author
    Posts
  • #2547
    hwcnadine
    Participant
    • Topics: 1
    • Replies: 7

    Hello! My site is HollywoodWinnersCircle.com and as you’ll be able to see, the search bar/button is in a really odd place. I’d like for it to line up on the right of the menu options.

    Attachments:
    You must be logged in to view attached files.
  • #2549
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 219

    Hi @hwcnadine,

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

    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

    #headerwrap #main-nav li.astm-search-menu #searchform {
        margin: 0 100px 15px 10px;
    }

    Best regards,
    Vinod Dalvi

  • #2554
    hwcnadine
    Participant
    • Topics: 1
    • Replies: 7

    Hello!
    That worked, but now the search bar is opening to off the screen. How can I fix this? Image attached.
    HollywoodWinnersCircle.com

    Attachments:
    You must be logged in to view attached files.
  • #2558
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 219

    I have changed above shared CSS code to change it so please try using it.

  • #2559
    hwcnadine
    Participant
    • Topics: 1
    • Replies: 7

    Vinod, this works for when the user is logged in, but has not moved the search bar on the login in page for some reason. Please advise.
    Hollywoodwinnerscircle.com

  • #2561
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 219

    I still see the old code on your site as shown in the attached screenshot.

    Please make sure to use the updated code.

    Attachments:
    You must be logged in to view attached files.
  • #2563
    hwcnadine
    Participant
    • Topics: 1
    • Replies: 7

    That is odd. I have it as the code in the settings. Is there something else I need to do?

    Attachments:
    You must be logged in to view attached files.
  • #2565
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 219

    If you are using any cache on your site then please clear it.

  • #2566
    hwcnadine
    Participant
    • Topics: 1
    • Replies: 7

    I cleared my cache and then reset the plugin and it worked. Is it possible to have the search bar on the other side of my menu? on the left side? Or possibly between account and login? I would prefer it between account and login, but if all we can do is have it on the left side that is okay.

    Home

  • #2575
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 219

    We can display it on the left side of menu using below CSS code.

    #main-nav li.astm-search-menu {
        float: left;
        padding-top: 15px !important;
    }
  • #2576
    hwcnadine
    Participant
    • Topics: 1
    • Replies: 7

    How do I make it so that the search bar does not cover up ‘resources’ when it expands?

    Home

  • #2581
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 219

    Use following CSS code to achieve this.

    #headerwrap .astm-search-menu #searchform #s {
        right: 0;
    }
  • #2597
    hwcnadine
    Participant
    • Topics: 1
    • Replies: 7

    Thank you!

  • #2598
    hwcnadine
    Participant
    • Topics: 1
    • Replies: 7

    Everything looked great until I scrolled down with my menu. I have attached a picture of the problem. How can I solve this?

    Home

    Attachments:
    You must be logged in to view attached files.
  • #2607
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 219

    To resolve that issue i have modified the above shared CSS code so please try using it.

You must be logged in to reply to this topic.