Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #199624

    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

    #199625
    This reply has been marked as private.
    #199951

    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,
    Devin

    #199981

    I 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.

    #200164

    Glad we could help. Let us know if you have any other questions or issues.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Icon Boxes In Parallax Overlap Content Below’ is closed to new replies.