issues formatting dropdown menu

This topic contains 7 replies, has 2 voices, and was last updated by  Vinod Dalvi 2 months, 2 weeks ago.

  • Author
    Posts
  • #2260
    dklaugh
    Participant
    • Topics: 1
    • Replies: 3

    Hello!

    I’ve activated your plugin on our site, but the dropdown seems to be behind everything? I can’t seem to get the custom CSS to affect anything, either.

  • #2261
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 244

    Hi @dklaugh,

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

    Could you please share me your site URL where it’s happening so that i can troubleshoot it?

    Best regards,
    Vinod Dalvi

  • #2262
    dklaugh
    Participant
    • Topics: 1
    • Replies: 3
    This reply has been marked as private.
  • #2263
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 244

    Thank you for sharing the site URL.

    Please see the attached screenshot of what displays for me.

    Is this what you are getting?

    The search is displaying below because your site menu is full of menu items and there isn’t enough space for search to fir in the menu.

    Attachments:
    You must be logged in to view attached files.
  • #2265
    dklaugh
    Participant
    • Topics: 1
    • Replies: 3
    This reply has been marked as private.
  • #2267
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 244

    Could you please try resolving the issue by adding the below CSS code in the custom CSS option of Add Search To Menu plugin settings?

    
    .astm-search-menu.dropdown form {
        z-index: 9999;
    }
    
  • #2268
    dklaugh
    Participant
    • Topics: 1
    • Replies: 3

    That worked great! Follow up then, What code would you use to edit the fonts of the search box and button to match the rest of my site? And is the border around the button removable?

  • #2269
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 244

    The font used there is same as your site that is “Bitter, Georgia, “Times New Roman”, serif;”

    To remove the border around the button please use the below CSS code.

    
    .astm-search-menu #searchsubmit {
        border: 0;
    }
    

You must be logged in to reply to this topic.