Fliss

Thanks so much. Yes, I am aware of this code and have also sighted it and this is not the issue though unfortunately. It's not this coding because I tested it and removed it using inspect a few days ago and it didn't make a difference. I don't know how it's happening because there's no padding or margin or line-height to make the text hidden. The mobile site looks fine on several phones that I've tested... however, the iPad not so good. 😞 So I still haven't found what's causing the obscured text. I know about the logo too thanks. It's a staging environment so still a few things to sort out. I agree, lots of nested coding and it does my head in.

Ok, thanks. So putting Divi aside for now, because I've paid for it, sobeit. Yes, there are nested styles for sure and it's like looking for a needle in a haystack for sure. I was wondering whether you had isolated the issue at all, and if you have, would you mind letting me know perhaps where the issue is? Because, for the life of me, I can't find it. Many thanks.

Hi thanks for your feedback. I have been always using inspect element and I cannot see the problem. The H2 tag only displays this in inspect element. I don't know where the issue is lying and this is my problem. If I could see it changing whilst going through the responsive res then I could isolate it, but the H2 does not have much css on it. I wasn't aware that I had the body on 1800px. I do have a media query bigger than that for the panels only because the client insists on having it looking spot on for his large Mac screen and this was the only solution I could think of. So I'm still not sure what to look for. Can you please let me know? text-transform: uppercase; color: #2d4e57!important; letter-spacing: 1px; line-height: 1.5em; text-align: left; text-shadow: 0em 0.04em 0.07em rgba(0,0,0,0.29);

Greetings! I am experiencing an issue with a resolution of over 1800px width but only in responsive mode - not necessarily a device size - for this staging site - https://staging.southms.nz/. The headings on this page https://staging.southms.nz/services/ seem to be partially obscured by either line-height, margin or padding or something else. I've attached screenshots. I can't identify whether it's the module issue, column or row, but, I think it's the module. I've given the text module a background of light blue to help identify the area module. I really have no idea why it's happening and how it's happening and I wonder whether anyone can please shed some light on this. As I mentioned, It only happens in responsive mode when testing with dev tools. And, the main thing, it only happens on a big Mac screen using Safari. I have not yet replicated it on any Window system or other browser. Thanks