Support » Plugin: BuddyPress Global Search » How to decrease width of the drop down search results?

  • How to decrease width of the drop down search results?

    I tried this code but it doesn’t work
    .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.bb-global-search-ac { width: 100px!important; }

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support BuddyBoss Support

    (@bbwpsupport)

    Hey @m1000!

    Thanks for reaching us 🙂
    Please give a try to following CSS code and let us know how it goes.

    .bb-global-search-ac.ui-autocomplete.ui-widget-content {
        width: 100px !important;
    }

    Regards

    Unfortunately it’s still 280px

    Plugin Support BuddyBoss Support

    (@bbwpsupport)

    Hey @m1000,

    Would you mind providing us your website URL?
    So we can take a closer look into it.

    Regards

    I’m working on localhost. I tested it under twenty sixteen theme and it works when I want to make it wider than 300px, but if I want to make it 200px width then it doesn’t work.

    Plugin Support BuddyBoss Support

    (@bbwpsupport)

    Hey @m1000,

    Hope you are doing great 🙂
    The following CSS code will surely work, Add it under Additional CSS code section.

    .bb-global-search-ac.ui-autocomplete {
        min-width: 200px;
        width: 200px !important;
    }

    You can change the value according to your requirements.

    Regards

    Thank you very much!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to decrease width of the drop down search results?’ is closed to new replies.