-
Posts
-
When I reduce the size of my browser to simulate a mobile view or just when I’m looking at my site on an android phone, the icon boxes I have inserted into a parallax overlap the content below them.
What would be suggested fix for this? I don’t mind using a media query to hide the bottom two boxes (which are the boxes that are overlapping content) once the screen size reaches a specified size but ideally, I’d like to keep all of the content there.
Thanks
Hey!
You have that section set to a fixed height which is preventing the container from growing on mobile. You can use the media queries in the css>custom.css file to add your own desktop only/mobile only styles to fix the issue.
Best regards,
DevinI just removed the fixed height code in my stylesheet and resized it using white-space separators above and below the icon boxes. Does the same thing as the code without breaking the responsiveness.
Thanks for your help.
- The topic ‘Icon Boxes In Parallax Overlap Content Below’ is closed to new replies.