Media query added to page header then removed still displays [Solved]

I Need Help
1

Ok so I have been trying to adjust the height of a carousel for mobile (images are centred in the container but there is too much white space so user has to scroll up).

I added the following to the page header but forgot to wrap it in a style:
@media (max-width: 767px) {
.mobile-carousel-fix .carousel-inner {
height: 100px; /* Adjust this value to your preferred mobile height */
}
}

I realised my error and deleted the code but it still displays as text. See image
I’ve tried republishing and exporting options to no avail. Can anyone help me to fix this and to resolve the display correctly please?

IMG_6757
IMG_67571290×2796 552 KB

2

Clear browser cache?

2 Likes
3

I also recommend using different browsers.
Sometimes things look very different on other browsers.

1 Like
4

Thanks. I’d been working between Chrome and testing in Firefox. I tried clearing the cache and also checking in incognito mode but the text remained for quite a while. After posting I tried again and the site had updated. An unusual delay, but anyway resolved.

1 Like