I’m working on a Magento Go template and I need to adjust the position of the search form input in the header to drop down and align with the main nav.
It seems easy enough – just use css…
But when I move the position of the element with css via absolute position it becomes almost impossible for the user to click on the input field to enter search terms. There is only a small area at the bottom of the input box that is responsive to a click.
I’ve tried using css on the form element as well as the div enclosed by the form element. it works fine if I leave it within it’s parent element but as soon as I try to reposition it stops working.
Yes. There are a lot of useless elements in the template. But the source files of the Magento Go template are not available for users to access and change – so I have to work with what is there.
The only way to change existing css is to overwrite with a single custom css file. All of the useless lines of css are in the default tempalte – which there is also no access to.
The code you provided is what I did first, but the input field is difficult to click into. Only a small part of the bottom of the input field reacts to the cursor click. If you click in the middle (as most people will) there is no response. (not very user friendly)