Weird all black highlighting issue on my site

For my webflow website “SpineMGMT” which is a CMS plan, (Heres a readonly link: Webflow - SpineMGMT) I haven’t been able to figure out a few things.

  1. On the live site, but not in the designer, text when highlighted gives off a very gross black box that I can’t figure out the reason. I think it might be because I’m clipping a gradient onto the text, and this causes the highlight to be all black, but I can’t figure out then how to clip the gradient without this issue.

image
image

  1. On mobile I want to force the browser to not popup mobile bars when on the site, I want them always there and not coming in and out of my mobile view port. Is there a line of code to force this? Allowing the browser to do this on mobile makes the site feel strange when the navigation on the bottom moves.