Jump to content

css help please


Steve Bullman
 Share

Recommended Posts

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

823435341_ScreenShot2020-05-31at11_48_24.png.8cfd1bd907497072a46f07fd9036a2e1.png433056786_ScreenShot2020-05-31at11_48_48.png.bbee674cbbad7a4a8175b3e6d4acc5a4.png

 

Link to comment
Share on other sites

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

823435341_ScreenShot2020-05-31at11_48_24.png.8cfd1bd907497072a46f07fd9036a2e1.png433056786_ScreenShot2020-05-31at11_48_48.png.bbee674cbbad7a4a8175b3e6d4acc5a4.png

 

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;
  }
}

 

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...