Remove banner image on some individual pages Jones template

Hi - I am using the following code in the header of some of the individual pages that I don't want a banner image to appear in on my site. It is in the Jones template.

<style>
 .page-banner-wrapper { display: none; }
</style>

The pages appear as I want them to in the preview on all views (mobile, tablet and desktop). Then when I test the site on my actual mobile, if I go from the homepage (with banner) to a page that's supposed to be without a banner, the banner image still appears. If I then refresh the "no banner" page, it goes away. If I then go back to the homepage where I want and expect there to be a banner, the banner is now gone. If I refresh the homepage, the banner reappears.

Can anyone explain why this might be happening and how to fix it so banners are permanently removed on the pages that I want them removed from and remain constantly on the pages that they are supposed to be on?

Thanks