- This topic has 19 replies, 4 voices, and was last updated 4 years, 8 months ago by dschertz.
October 5, 2017 at 5:09 am #30979
Is it possible to decrease the width of the filter dropdown box and move into the map area? I’ve attached a screenshot of it currently
Attachments:You must be logged in to view attached files.October 5, 2017 at 5:19 am #30981
site url: http://www.schoolreadinessconsulting.com/tell-your-story/October 5, 2017 at 11:01 am #30984
Thank you so much for getting in touch with us!
This can be achieved with some custom CSS. Could I please ask how wide you would like the dropdown to be and where you would like it to be placed so that I can assist you further?
DylanOctober 5, 2017 at 7:01 pm #31000
Hey Dylan! I would say width:400px and place right underneath the “Map | Satelite” bar? Is that possible?
PaulOctober 9, 2017 at 10:29 am #31038
I am so sorry for the delay in response over the weekend.
I noticed that the drop-down box has already been styled as you have described.
Do you still need help with this?
DylanOctober 9, 2017 at 9:35 pm #31061
Thanks Dylan, I was able to customize it. The last thing I would like to do is put “Filter By” In a gray box center. If you have any thoughts please let me know.
ThxOctober 9, 2017 at 9:48 pm #31062
Thanks for the response.
I am glad to hear that you got this resolved.
Do you mean that you want it to be inside a gray box and centered? Can you please try this CSS to achieve that?
background: #999 !important;
border-radius: 2px !important;
Does this help?
DylanOctober 9, 2017 at 10:34 pm #31065
Thanks Dylan – This looks good, any way to make this more mobile friendly? The top part – “filter by” is a little off-centered but the actual blue button looks and functions great!October 9, 2017 at 11:26 pm #31067
I am happy to hear that helped.
Can I please ask on what mobile devices you have tested this where it looks off-center so that I can assist you further with this as it seems correct on my side?
DylanOctober 9, 2017 at 11:33 pm #31068
I’m using an Andriod (Samsung Galaxy S7). I attached a screenshot of what I see. I think it looks good but I can see my client critiquing it. See how the “filter by” is on two lines and the gray box background doesn’t extend to the length of the blue box? Thanks Dylan
Attachments:You must be logged in to view attached files.October 10, 2017 at 8:27 am #31074
Thank you for the screenshot and the details.
To fix this can you please add the following CSS:
width: 150px !important;
Please let me know if it helps.
DylanOctober 10, 2017 at 6:10 pm #31091
Worked like a charm! Thanks for all your assistance Dylan!October 10, 2017 at 6:13 pm #31092
That is great to hear! It is only a pleasure helping you 🙂
If you have a second to spare, could you please consider leaving a review here – https://wordpress.org/support/plugin/wp-google-maps/reviews/? It would mean the world to me!
Thank you for your time and patience and please feel free to reach out if there is anything that I can assist you with.
Have a great day further!
- You must be logged in to reply to this topic.