Top

Store Locator Widget doesn't Look Right on Mobile Devices

Some mobile themes will have a layout which disrupts and/or overwrites the store locator widget. You can input CSS into the display settings of the app that will only affect when the mobile theme is used.  You would just need to use the @media screen tag and apply a max width to it so the code knows only to apply to certain screens sizes.  The example code below will only work when the viewing device is less then 500 pixels, which will otherwise leave the desktop theme's styling alone.

<style>
@media screen and (max-width: 500px) {
.search_bar {
margin-top: 500px !important;
float: left !important;
}
</style>
Have more questions? Submit a request