Title: Layout & Responsive Issues
Last modified: July 17, 2025

---

# Layout & Responsive Issues

 *  Resolved [andrew771](https://wordpress.org/support/users/andrew771/)
 * (@andrew771)
 * [11 months ago](https://wordpress.org/support/topic/layout-responsive-issues/)
 * Hey everyone,
 * I’m building a website using Elementor with the Blocksy theme, and I’m running
   into a frustrating issue with my layout.
 * **Desktop/Large Screen Issue:**
    - I have a flex container with a background image and another flexbox within
      that with text inside.
    - On larger screens (wide monitors), the background image gets cut off and the
      text doesn’t stack correctly or align against the image the way it does on
      smaller laptops.
    - The layout looks great on my laptop but blows out of proportion on large monitors.
 * **Mobile Issue:**
    - I managed to fix the look on desktop, but now the heading and call-to-action
      button are way off on some mobile phones.
    - In Elementor’s mobile preview, everything looks fine, but on real devices 
      the text shifts down too far.
    - I’ve tried adjusting padding and margin (sometimes with negative values), 
      but that fix is fragile and breaks things elsewhere.
 * **What I’ve Tried:**
    - Nested flex containers
    - Adjusting container widths and alignments
    - Setting background size to “cover” or “contain”
    - Playing with VH, %, PX for spacing
    - Reverting and restyling from scratch
 * Anyone know how I can stabilize the layout across both large and small screens
   while keeping the content aligned with the background image?
 * Thanks so much in advance!
    -  This topic was modified 11 months ago by [andrew771](https://wordpress.org/support/users/andrew771/).

Viewing 1 replies (of 1 total)

 *  Plugin Support [Milos](https://wordpress.org/support/users/miloss84/)
 * (@miloss84)
 * [10 months, 4 weeks ago](https://wordpress.org/support/topic/layout-responsive-issues/#post-18562515)
 * Hi there,
 * Thank you for contacting us.
 * Here, you have complete documentation on how to handle responsive editing for
   mobile and tablets, so you can design your site for any device.
 * REF: [https://elementor.com/help/mobile-editing/](https://elementor.com/help/mobile-editing/)
 * Hope this will help you.
 * Kind regards,

Viewing 1 replies (of 1 total)

The topic ‘Layout & Responsive Issues’ is closed to new replies.

 * ![](https://ps.w.org/elementor/assets/icon-256x256.gif?rev=3444228)
 * [Elementor Website Builder - more than just a page builder](https://wordpress.org/plugins/elementor/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/elementor/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/elementor/)
 * [Active Topics](https://wordpress.org/support/plugin/elementor/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/elementor/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/elementor/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [Milos](https://wordpress.org/support/users/miloss84/)
 * Last activity: [10 months, 4 weeks ago](https://wordpress.org/support/topic/layout-responsive-issues/#post-18562515)
 * Status: resolved