Impulse theme - Map glitch on mobile view?

Solved

Impulse theme - Map glitch on mobile view?

greentigershop
Excursionist
25 0 9

Hi All,

 

I'm looking for help with this, the address box was stacked on top of the image below. It should stay inside the image below. I'm not sure why but this only happens on mobile view, the desktop view is fine.

 

Website: https://greentiger.co/

pw: cheese

 

 

Screenshot 2024-03-20 at 8.48.17 PM.png

 

Screenshot 2024-03-20 at 8.50.17 PM.png

Accepted Solution (1)

Liquid_xPert_SJ
Shopify Partner
1316 140 199

This is an accepted solution.

@greentigershop 

 

please add the below css code into  your theme.css file in the theme files.

 

Online Store > Edit Code > theme files > Assets > theme.css file.

@media only screen and (max-width: 750px) {
  .map-template--22205932503315__map_yUmfdU {
    padding-top: 0 !important;
  }
}

 

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
- Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 2 (2)

Liquid_xPert_SJ
Shopify Partner
1316 140 199

This is an accepted solution.

@greentigershop 

 

please add the below css code into  your theme.css file in the theme files.

 

Online Store > Edit Code > theme files > Assets > theme.css file.

@media only screen and (max-width: 750px) {
  .map-template--22205932503315__map_yUmfdU {
    padding-top: 0 !important;
  }
}

 

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
- Need THEME UPDATES but have custom codes? No worries, for an affordable price.
greentigershop
Excursionist
25 0 9

Thank you so much!!