Archived topic
One of my website sections disappears on mobile
2 replies · Started by Madison on March 28, 2023
One of the sections of my website is acting odd on mobile. The parent div renders, as well as its background on mobile, but the inner content completely disappears. It happens in different browsers so it must be either a wordpress issue, generatepress issue, or issue with custom CSS thats been added in the customizer.
There are no properties that I can see in the browser inspector that would intentionally hide the content. No display:none, or other properties, which is why its strange. Its a pretty routine section, just a parent div thats a flex container, with a child container inside it holding some text and a few buttons. Nothin strange or out of the ordinary which is why I'm perplexed. Using the latest GP version, and latest wordpress version.
The section is: "Our Toolkit."
Any help would be appreciated greatly, thanks!
For some reason, this CSS was the issue:
.our-toolkit {
height: min-content !important;
padding: 10vh 10vw 10vh 10vw;
display: flex;
justify-content: center;
flex-direction: column;
}
Taking out flex-direction: column, fixed it, but unsure why it caused the error to begin with...
I just replied to your other topic :)
Glad you've figured it out!
