currently trying to redo parts of my site, and one thing i've realised is i hide sections of text/content with css display:none and wondered if this may cause an seo issue and how to avoid it.

the reason i do this is because of the design change as the web page is viewed on different sized screens.

for instance, on big screens, i have a big welcome image, with bullet points on it, quote buttons, big title etc, but on mobile view, i hid some of the bullet points, hide the title, just show the quote button etc.

i also have it within the main content, on big screens i have larger paragraphs, but on mobile view, it'll remove sentences etc to bring down the size.

will google see this as keyword hiding and penalise my site?

though i'm redoing the design, here is the current active version so you can see what i mean.

It should be noted right away that redesigning a website into a mobile version should not remove any parts of the design, you must place them in such a way that they fit on the phone screen and everything is fine with the design. As an example, you can look at the site https://sproutboxmedia.com. It's a marketing agency company, and like you, they have a lot of text, images, and content in general. But nevertheless, they managed to implement the mobile version of the site quite well, leaving all the titles, keywords, and even images, because all this affects how your site will be promoted in google.

Thank you for sharing