I can't seem to remedy the issue with the select menus getting clipped around the edges. See attached JPG for reference. Any help would be much appreciated!
It seems that there's inline styling forcing the height at 24px - if you can remove that so the height: auto rule can apply all will be fixed. Alternatively you could remove the border-box sizing by adding htis into the Custom CSS box located in your Salient Options panel:
Hmm, neither of those seemed to solve the clipping in Chrome. I removed all inline styles and tried both height:auto and box-sizing suggesions, individually and together. Seems to only be a Chrome issue as well, Safari and Firefox appear fine.
Hey again Jon, i'm sorry to hear that - weirdly enough I tested both of those solutions in live css with chrome before posting. Is there anyway you can allow me to log in so I can sort it for you?
Hey Jon!
If you could link me a URL to this page I'd be glad to help out :)
Hey again!
Try adding this into your Custom CSS box located in your Salient Options panel:
select { height: auto!important; }Cheers
Hmm, the top of the select menus still seem to be getting cut off in Chrome (Mac). Any other thoughts I could try?
Hey again!
It seems that there's inline styling forcing the height at 24px - if you can remove that so the height: auto rule can apply all will be fixed. Alternatively you could remove the border-box sizing by adding htis into the Custom CSS box located in your Salient Options panel:
select { box-sizing: content-box!important; }but that will most likely cause overlapping.
Hmm, neither of those seemed to solve the clipping in Chrome. I removed all inline styles and tried both height:auto and box-sizing suggesions, individually and together. Seems to only be a Chrome issue as well, Safari and Firefox appear fine.
Hey again Jon, i'm sorry to hear that - weirdly enough I tested both of those solutions in live css with chrome before posting. Is there anyway you can allow me to log in so I can sort it for you?
Cheers :)