Title: Header width – Mobile version
Last modified: October 11, 2022

---

# Header width – Mobile version

 *  Resolved [sigmibru](https://wordpress.org/support/users/sigmibru/)
 * (@sigmibru)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/header-width-mobile-version/)
 * Hi,
 * Some of the images of my page headers have appeared broken in two parts in mobile
   version.
    I tried to reduce the width of the section but it didn’t work. I don’t
   understand why if I give them all the same width, some of them appeared broken
   in two parts and same of them seem to be ok. Could you please help me?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-width-mobile-version%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/header-width-mobile-version/#post-16088368)
 * Hello [@sigmibru](https://wordpress.org/support/users/sigmibru/),
 * The header background image on your website is an elementor section. In this 
   case, you need to edit the background images for the responsive sizes, and please
   check the attached screenshots at this link: [https://postimg.cc/gallery/hVLcyZh](https://postimg.cc/gallery/hVLcyZh).
 * For more information about the background image settings, please follow this 
   link: [https://elementor.com/help/how-to-change-background-image/](https://elementor.com/help/how-to-change-background-image/).
 * I hope that helps.
 * Best Regards
 *  Thread Starter [sigmibru](https://wordpress.org/support/users/sigmibru/)
 * (@sigmibru)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/header-width-mobile-version/#post-16090251)
 * Thank you so much [@skalanter](https://wordpress.org/support/users/skalanter/)
 * I haven’t solved the problem but now I know it comes from Elementor, so I’m going
   to publish my doubts in Elementor plugin forum.
 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/header-width-mobile-version/#post-16091278)
 * Hello [@sigmibru](https://wordpress.org/support/users/sigmibru/),
 * Please regenerate all assets files if you find the section and change the negative
   positions for responsive sizes. If it’s not working, then you can use the CSS
   below in Customizing > Custom CSS/JS > CSS Code:
 *     ```
       @media(max-width: 640px) {
           .elementor-element-c92a7e0 {
               background-position: center center !important;
           }
       }
       ```
   
 * For more information about the CSS/JS code on the customizer, please read this
   link:
    [https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website](https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website).
 * Note 1: if you have any cache plugin or server cache(CDN / Browser Cache and 
   Cookies and …), you need to clear its cache contents or disable them to see your
   changes. Also, don’t forget to click on the **regenerate all assets file** and
   data in Elementor > Tools.
 * Note 2: First, try to fix the section background position on responsive; if that
   doesn’t work, perhaps it’s a cache. Try to check your issue on the guest browser.
   So the latest solution is CSS.
 * Best Regards
 *  Thread Starter [sigmibru](https://wordpress.org/support/users/sigmibru/)
 * (@sigmibru)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/header-width-mobile-version/#post-16092573)
 * Hi [@skalanter](https://wordpress.org/support/users/skalanter/) ,
 * Thank you so much for your help.
 * I couldn’t solve the problem with the guidelines that were given to me in Elementor
   plugin forum and I didn’t know what else I could do.
 * Your last message finally solved my problem. Copying your CSS code on the customizer
   was the only solution that worked for me.
 * So, again, thank you!
 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/header-width-mobile-version/#post-16094891)
 * You’re most welcome. I’m glad we could help.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Header width – Mobile version’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Shahin](https://wordpress.org/support/users/skalanter/)
 * Last activity: [3 years, 8 months ago](https://wordpress.org/support/topic/header-width-mobile-version/#post-16094891)
 * Status: resolved