Right column map overlays listings on mobile

This topic contains 2 replies, has 2 voices, and was last updated by Guust 5 years, 9 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: map, mobile

Author

Posts
March 29, 2019 at 8:48 pm #477159

Barbara Magee
Expired Member

Post count: 146

We are having a problem with the map overlaying the listings on a location page on mobile devices. We are displaying in two-column format.

Here’s an example: https://thelocaldish.dbkdev.com/location/oregon/ashland/

My developer says this is an issue with the template as it’s writing the style inline to the DIV.

Could you lend us a hand with a solution to this?

Thanks!

March 29, 2019 at 9:14 pm #477161

Barbara Magee
Expired Member

Post count: 146

Forget to mention we are using GD V.2.
Thanks!

March 30, 2019 at 12:15 am #477168
Guust
Moderator

Post count: 29970
You are not using a GD theme, but Avada. And the problem comes from the fusion builder used.
Try this CSS [adjust as required]
```
@media only screen and (max-width: 600px) {
  .maplocationpage {position: initial;}
}
```
or ask the person who built the template for you.

Thanks
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Hurry! Get your 20% discount before it expires. Get 20% Discount