With autocomplete, how to change the menu size?

If I recall right, and based on experiences, it should be automatically setting the width to match the input itself, which I assume would be done with that javascript mention in the css file.

Beyond that, it’d just be a case of setting your own width via CSS.

Also, if you set SCRIPT_DEBUG to true in your wp-config.php file, you’ll enable “debug” mode for Autocomplete which would do things like keep the dropdown open so you could work with styling it, etc.

You’re a gentleman and a scholar sir, that did work. So I can play with that.

Ideally, I would like to make the menu expand more full screen like the Jetpack search (example: https://ibb.co/vdF3w4h). Is that possible, or would we need a developer, and if so, can you recommend one?

Lastly, how can I dequeue all the .js and .css so it only loads on one page?

Appreciate your assistance, Michael!

Are you talking just the width? or are you also referring to the content in the dropdown?

Same way you dequeue any other css and js, wp_dequeue_script and wp_dequeue_style`

Likely similar to https://github.com/WebDevStudios/wp-search-with-algolia/wiki/Customize-your-search-page#look–feel

The entire Wiki section is pretty decent for information, though I doubt it contains EVERYTHING.

I did figure out the width.

However, I am wondering if it’s possible, when someone clicks a search button, can they be given a near full-screen popup that they type their search into and which also shows their search result. Certainly for mobile.

In my last post, I added a screenshot example.

Thanks for the links, I did look through that one before coming here. I just couldn’t figure out how I would do what I’m asking with that documentation.

I have to assume it’s possible, it’s just a matter of figuring out the CSS for it all. I haven’t attempted that large of a search suggestions section thus far, so I don’t have any starter CSS code for it.