css help please

[Steve Bullman]

Hi guys, I wonder if anyone would be kind enough to provide me with a line of css. I have an issue with my directory that im pretty sure can be fixed with css. When you do a search on mobile, the map marker pop up that displays the company details adds a scroll bar, and it is a bit fiddly to use, sometimes doesn't work at all. I would like the scroll bar removed and just the whole pop up displayed, theres plenty of room.

I was hoping something as simple as the max-height property would work but its not, or i'm just not finding the right selector.

You will need to perform a search to see the map marker pop up https://arbtalk.co.uk/recycling/nearby-tipsites/?nearby=100&lat=52.247130899999995&lon=1.0766497

 

[TheJackal84]

35 minutes ago, Steve Bullman said:

Hi guys, I wonder if anyone would be kind enough to provide me with a line of css. I have an issue with my directory that im pretty sure can be fixed with css. When you do a search on mobile, the map marker pop up that displays the company details adds a scroll bar, and it is a bit fiddly to use, sometimes doesn't work at all. I would like the scroll bar removed and just the whole pop up displayed, theres plenty of room.

I was hoping something as simple as the max-height property would work but its not, or i'm just not finding the right selector.

You will need to perform a search to see the map marker pop up https://arbtalk.co.uk/recycling/nearby-tipsites/?nearby=100&lat=52.247130899999995&lon=1.0766497

 

try this

@media only screen and (max-width: 768px) {
  div.gm-style-iw.gm-style-iw-c {
    max-height: 400px !important;
    min-height: 200px !important;
  }
}

change the size to what you want

Or

@media only screen and (max-width: 768px) {
  div.gm-style-iw-d {
    max-height: 400px !important;
    min-height: 200px !important;
  }
}

 

[Steve Bullman]

Thanks, that hasn't worked unfortunately

[TheJackal84]

try the 2nd one

Edited May 31, 2020 by TheJackal84

[Steve Bullman]

hmm no, im getting this