Preview Not Same As Browser View

Hi All,

I have a problem where the Design view on Wappler is different from the browser view when I click on ‘Open in Browser’. First image is in Wappler:

CapturePreview
CapturePreview.PNG1394×258 44.5 KB

second in browser

CaptureBrowserView
CaptureBrowserView.PNG1179×229 27.1 KB

The background image is via CSS:

<div class="style1 container-fluid header_area">

.header_area {
    background-image: url(C:/wamp64/www/SiteName/assets/images/Header/Header.png);
    height: 250px;
    position: relative;
    z-index: 1;
    background-position: bottom center;
    background-size: cover;
}

What could be causing this?

Thanks,
KK

Community Page
Last updated: