A while back, I enlisted the services of a web developer to create my website, but unfortunately, it was never properly optimized for resizing windows. Despite numerous attempts to contact him for fixes over the past 5 months, he claims to be too busy at the moment. Since I have some knowledge of coding websites, I thought I'd turn to this fantastic community for help. The website in question is
There are currently two major issues that are causing me frustration. Firstly, the search bar centers itself below the logo, and secondly, resizing the window causes the shopping cart icon to jump onto a new line once it reaches half-size. My desired outcome is for both the search bar and shopping cart to remain on the same line aligned to the right side of the page. I understand that the menu bar may become too wide in doing so, therefore, I am curious if there's a way to dynamically resize the text as well when adjusting the window size? If so, how can this be achieved?
I've provided the style.css file below—note that the one from the actual website is minified, with minor alterations made by me—including font changes (Open Sans). I haven't modified anything related to the menu, search bar, or logo, except for the font change. Feel free to search the code for relevant sections.
I attempted to tackle these problems myself several times without success, and I'm concerned that frequent changes to the webpage might deter potential customers.
Style.css
/*
PALETTE:
navy basic : #434a54;
...
...
... (remaining content omitted)
...
...
...
*/
/* BASIC */
html {
position: relative;
...