I have this one website I ported over from another awful broken theme.
Now I want the right corner background images to not become so awfully big when going into the responsive mode (tablet/mobile).
GeneratePress makes them extremely large and it makes the text sometimes unreadable.
There is also extra spacing on the right when of the page when I enter on my mobile.
On those blocks of content theres this white/grey background blocks with a background image that’s blue-ish with a image like the bottle of pills. That image resizes extremely big when I make the screen smaller. I want them to stay normal size or at least not so big.
That happens when an element is sized larger then the viewport.
Can happen because of fixed width elements, padding on elements or use of negative margins. Need to isolate which elements are causing it and correct them.
I think it is a combination of padding inside elements and your neg margin CSS as this CSS would normally cure just a padding problem, but it doesn’t: