# Background image different devtools iphone

**URL:** <https://community.wpbeaverbuilder.com/t/background-image-different-devtools-iphone/14368>\
**Category:** Beaver Builder\
**Tags:** mobile\
**Created:** [April 22, 2021, 4:10pm UTC](https://community.wpbeaverbuilder.com/t/background-image-different-devtools-iphone/14368 "2021-04-22T16:10:11Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![akmiecik](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/a/97f17d/32.png) [@akmiecik](https://community.wpbeaverbuilder.com/u/akmiecik)\
**Post date:** [April 22, 2021, 4:10pm UTC](https://community.wpbeaverbuilder.com/t/background-image-different-devtools-iphone/14368/1 "2021-04-22T16:10:11Z")

</div>

Using Chrome DevTools to model iPhoneX. When I use my own css to create the background image I can get DevTools and iPhone looking the same.

When I use BB background option for a row, it positions left-top on Dev tools but on iPhone it is center-top (but, the CSS reads left-top through DevTools)

I tried background position using  
#ID\_entered\_in\_Row .fl-row-content-wrap  
movement on DevTools not on phone

Tried  
.fl-node-607e90e624c4a \> .fl-row-content-wrap  
movement on DevTools not on phone