How to change the search result/suggestion dropdown menu location on my website?

Store Design
, , , , , ,
1

Hi there,

I’m new to Shopify (but familiar with html/css) and trying to edit the location of the search result/suggestion menu on my Shopify website. When I type in a word in the search, a suggestion/results menu appears on the top left of my page. I want to change the position of it to appear in the middle under my search bar (I’ve included image examples of how it currently looks and how I want it to look).

Here is my site URL (Jellypop) for your reference:

https://jelly-pop-shoes.myshopify.com/

Here is the site URL (Dolce Vita) of the search result/suggestion menu that I want to replicate:

https://www.dolcevita.com/

Thank you for your help!

Current search suggestion/result menu location (top left):

Current Search Popdown Location.png
Current Search Popdown Location.png3584×2080 1.19 MB

This is the look and location of how I want my search result/suggestion menu to appear (Location = middle under the search bar):

Popdown - Dolce Vita.png
Popdown - Dolce Vita.png3584×2080 491 KB

2

Yes, is this the store URL? Thank you!

Jellypop Store URL:

https://jelly-pop-shoes.myshopify.com/

3

Yes, is this the store URL? Thank you!

Jellypop Store URL:

https://jelly-pop-shoes.myshopify.com/