Jump to content

Community

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...

Important Information

We use technologies, such as cookies, to customise content and advertising, to provide social media features and to analyse traffic to the site. We also share information about your use of our site with our trusted social media, advertising and analytics partners. See more about cookies and our Privacy Policy