Background Image & Flexbox Content Misalignment

  • Resolved andrew771

    (@andrew771)


    10 months, 2 weeks ago

    Hi Blocksy team and community

    I’m using Elementor with the Blocksy theme and having issues with how content and background images behave on larger monitors.

    What’s happening:

    • I have a section with a background image set and a nested flexbox layout containing text and a call-to-action button.
    • On larger monitors, the background image cuts off, and the text floats weirdly and doesn’t stack correctly.
    • On smaller screens (like laptops), everything looks perfect.
    • I adjusted margins and paddings (even using negatives for mobile) to try to get things to line up, but the solution isn’t solid.

    What I’ve Tried:

    • Adjusted container width (50%–100%)
    • Nested flexboxes for text/button grouping
    • Played with layout and responsive settings in Blocksy and Elementor
    • Made sure all containers are using Flex layout

    Is there anything in Blocksy’s layout or responsive engine that might affect how the container or background behaves on large screens?

    Thanks in advance! Would appreciate any tips

Viewing 1 replies (of 1 total)
  • Eduard

    (@cteduard)

    10 months, 2 weeks ago

    Hello @andrew771

    I’m afraid this would be a question for Elementor. Unfortunately, we don’t have control over the output or features of page builders like Elementor.

    In such cases, it’s recommended to contact the software providers directly. Their staff should be able to assist with any inquiries you may have.

    I hope this points you in the right direction!

    Thanks.

Viewing 1 replies (of 1 total)

The topic ‘Background Image & Flexbox Content Misalignment’ is closed to new replies.