Support Forum

Every time that you post a problem, PLEASE add the Joomla and the extension's versions and revisions (for example: Joomla 3.3.6, Contact Enhanced 3.3.5), PHP version and Server's Operating System. If you only manage only one site it is easier if you edit your profile and just add that information to your signature. Don't forget to add a detailed description of the problem. If possible, write down all steps to simulate the problem.

Before submitting a new post, PLEASE make sure you are running the latest version, test in different browsers (IE, FF, Chrome,..) and clear Joomla and browser's cache after every change you make.

Also, most questions are already answered in our FAQ and in iFAQ and Contact Enhanced documentation pages.

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: Contact Enhanced
  7. Plugin: iStoreLocator
  9. Address Input Box Not Showing Correctly
× Ideal Store Locator Plugin (iStoreLocator) works with Google Maps API which allows your website visitors to easily locate stores/contacts on the map.

Product Page

Address Input Box Not Showing Correctly

2 years 2 months ago #26010 by skilcher
Hi,

Last week I had an issue with the listing not showing correctly in cell phone responsive view. Thanks to the help of your support staff, that issue has been resolved. Now I'm running into a similar issue where the Address input box is not showing correctly. It's showing in line with the "My Location" button, where you can see only a portion of it (view attached screenshot).

I've tried to relocate it via CSS, but to no success. Would someone be able to assist me with this by moving this input box between the "My Location" and the "Anywhere" dropdown selection?

Thank you
Attachments:

Please Log in or Create an account to join the conversation.

2 years 1 month ago #26014 by support
Dear skilcher,

There seems to be an incompatibility with your template. Please add the following CSS code to
/plugins/system/istorelocator/assets/css/custom.css
@media screen and (max-width: 450px){ 
.isl-location-search{width:100%;display:block}
}

If the file doesn't exist, just create the file with the code above. All changes made to this file will not be changed when you upgrade iStoreLocator in the future.

Best regards,
Douglas Machado
iStoreLocator | iFAQ | Ideal Related Articles | Contact Enhanced

Please Log in or Create an account to join the conversation.

2 years 1 month ago #26016 by skilcher
Hi and thank you for responding, I applied the file with the code and didn't work.

I even modified it to include the semi-colin at the end, but didn't change anything.
@media screen and (max-width: 350px){ 
.isl-location-search{width:100%;display:block};
}

Also tried applying !important and still nothing...

Please Log in or Create an account to join the conversation.

2 years 1 month ago #26020 by support
Try:
@media screen and (max-width: 450px){ 
#iStoreLocator-location-search { width: 100%; display: block; }
}
Douglas Machado
iStoreLocator | iFAQ | Ideal Related Articles | Contact Enhanced

Please Log in or Create an account to join the conversation.

2 years 1 month ago #26021 by skilcher
Yes sir, that did it!

Thank you

Please Log in or Create an account to join the conversation.

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: Contact Enhanced
  7. Plugin: iStoreLocator
  9. Address Input Box Not Showing Correctly
Powered by Kunena Forum

Copyright © 2018 IdealExtensions.com. All Rights Reserved.

This site is not affiliated with or endorsed by the Joomla!™ Project. It is not supported or warranted by the Joomla!™ Project or Open Source Matters™. The Joomla!™ logo is used under a limited license granted by Open Source Matters™, the trademark holder in the United States and other countries.
We may collect your IP address and your browser's User Agent string while using our site for security reasons and deriving aggregate information (analytics). This information is retained for a minimum of 1 and a maximum of 24 months.
Feedback