Website Search Bar Enhancement

1. I need a search bar on my site to search for web pages within the site when specific keywords are entered. The search bar should be at the top right corner, and I need to be able to match the background cover of my main menu through a setting on the block. 2. By default, I want the placeholder to say, "Search this website," in a light grey tone, and the search button to be a magnifying glass icon. 3. After entering a keyword, I want the search bar to automatically populate the search results within the available internal pages on the site below the placeholder. 4. I need the search bar to have a scroll bar if many options appear in the search results. 5. I want the keyword to be highlighted in a very light green color when the mouse cursor scrolls over any of the search results. 6. I want the block to have a setting function where I can adjust the bottom and top height padding and its placement, such as whether I want the search bar on the far left, center, or far right if I ever decide to change its position later. 7. I want to be able to add more web pages to the search function through the Mobirise Code Editor “IF” that is a requirement on the block that you will create. 8. Implement a feature for real-time search results to display matches as the user types their query. Right now, I am using the default Mobirise “WITSEC Block,” but it is messy, has issues, and does not always function properly. The page errors or gets stuck, and it creates a string of results that look very messy. You can visit my site to take a look at it at and see for yourself.: [login to view URL] BUT... If you can do everything I need by just editing the existing (WITSEC Search Bar Block), then that might be a much easier route to take. Then I will just need the HTML and CSS file from you then I can implement it myself by copying it over to the “WITSEC Search Bar Block.” Finally, I’m unsure if you will need access to my server to install any type of Script files to make this work. If you do, then that's fine, I can provide access. In addition, I will be updating my site regularly, so whatever you create, I need to have a backup of the file in a ZIP to unpack it and install it if I ever need to install it again if anything goes wrong. I will just need instructions from you in a note format on how to install it again. But like I said if this can all be done by just editing the existing HTML code and CSS on the (WITSEC Search Bar Block) then that would be much easier. I have created how I want it to look like in Photoshop so you can see exactly what I want and how I want it to look. I'm very meticulous about its dimensions and space, so please be mindful of how I created the way it should look. Please take a look at the concept images I created from the links provided: I prefer adjustments to the existing WITSEC Search Bar Block for simplicity and ease of implementation. No additional filters or categories needed for the search results. In case of any errors, an error message should be displayed to the user. Please include options to customize fonts and colors in the search results.

Project ID: 38729637