Title: Using CSS to resize width
Last modified: July 31, 2020

---

# Using CSS to resize width

 *  Resolved [clembiria](https://wordpress.org/support/users/clembiria/)
 * (@clembiria)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/using-css-to-resize-width/)
 * Hello,
 * I use wp mapit but I need to resize the width of the the maps for mobile devices.
 * I have like 20 maps on my website, is there a single CSS to target all wp mapit
   maps so I can integrate it my media queries? I don’t want to copy each id for
   each map to apply the CSS…
 * Thank you for your help!
 * Clément

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [Chandni Patel](https://wordpress.org/support/users/phpwebdev/)
 * (@phpwebdev)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/using-css-to-resize-width/#post-13202075)
 * Hello Clément,
 * You can use classes wp_mapit_map (for single pin map) and wp_mapit_multipin_map(
   for multipin map).
 * Hope this helps.
 * Please let me know if you have any other questions.
 * Regards,
    Chandni
 *  Plugin Author [Chandni Patel](https://wordpress.org/support/users/phpwebdev/)
 * (@phpwebdev)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/using-css-to-resize-width/#post-13213884)
 * Hello Clément,
 * I am marking this as complete. Please let me know if you have any other issues.
 * Regards,
    Chandni
 *  Thread Starter [clembiria](https://wordpress.org/support/users/clembiria/)
 * (@clembiria)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/using-css-to-resize-width/#post-13238134)
 * Hi,
 * Thanks for your reply!
 * It works to target all my maps with wp_mapit_multipin_map.
 * Thought, I still cannot reduce the width on mobile devices.
 * I applied the following CSS:
 * [@media](https://wordpress.org/support/users/media/) only screen and (max-width:
   600px) {
    .wp_mapit_multipin_map { width: 100%; } }
 * I even reduced the % but it has no effect. Just te be sure I correctly target
   the maps I used display:none instead of width:100% and all the maps disappear.
   Obviously I can’t send a screenshot here but the maps are larger than the size
   on a mobile device.
 * Clément
 *  Plugin Author [Chandni Patel](https://wordpress.org/support/users/phpwebdev/)
 * (@phpwebdev)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/using-css-to-resize-width/#post-13240512)
 * Hello Clément,
 * Please try
 * .wp_mapit_multipin_map {
    width: 100% !important; min-width: 0 !important; }
 * let me know if this helps.
 * Regards,
    Chandni
 *  Thread Starter [clembiria](https://wordpress.org/support/users/clembiria/)
 * (@clembiria)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/using-css-to-resize-width/#post-13241504)
 * Great, it works now!
 * Many thanks for your help,
 * Clément

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Using CSS to resize width’ is closed to new replies.

 * ![](https://ps.w.org/wp-mapit/assets/icon.svg?rev=2071970)
 * [WP MapIt](https://wordpress.org/plugins/wp-mapit/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-mapit/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-mapit/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-mapit/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-mapit/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-mapit/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [media queries](https://wordpress.org/support/topic-tag/media-queries/)

 * 5 replies
 * 2 participants
 * Last reply from: [clembiria](https://wordpress.org/support/users/clembiria/)
 * Last activity: [5 years, 9 months ago](https://wordpress.org/support/topic/using-css-to-resize-width/#post-13241504)
 * Status: resolved