News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

100% width for VM search input field

Started by wicko, August 08, 2013, 13:58:48 PM

Previous topic - Next topic

wicko

I would like to set the width of the Virtuemart input field to 100% leaving enough room for the button on the right. My site is responsive so hopefully making it 100% it will then reduce down to the width of the browser. At the moment when I set the size large enough for the front page on a desktop then the field runs out the edge of the display on a mobile. I have tried to add percentage to the module settings but this only relates to the width as a solid and not a percentage.
How can I change this or is there a better search option that is responsive. I don't need Cherry picker options as I have this install separately.
Designing and maintaining Joomla websites since 2007

Maxim Pishnyak

#1
Did you try Firebug (FAQs of Template forum section)?
You can support Community by voting for Project on the JED
https://extensions.joomla.org/extension/virtuemart/#reviews
Join us at
https://twitter.com/virtuemart

wicko

Actually not a lot you can find with firebug. Ended up editing the module php file to add width commands in the script. Forced with to 90% and added a little padding to right for button. Was confusing as my template had 3 instances of VMware search module php with the final edit going in the template override. Just hope that when the template gets a update I can remember which file to update again..
Designing and maintaining Joomla websites since 2007

Maxim Pishnyak

Kdiff program could easily show you difference between your version and original version of template.
You can support Community by voting for Project on the JED
https://extensions.joomla.org/extension/virtuemart/#reviews
Join us at
https://twitter.com/virtuemart