CSS "display:none" not working on mobile/tablet view

I am trying to hide the title which WordPress automatically puts on top of this website page: https://geoplaza.vu.nl/cms_test/serviceoverzicht/

It works in desktop view with the following CSS:

.post-2048 .title-post {
display:none;
}

However, it is not working on tablet and mobile view. Somehow, the title reappears if the screen width is less than 1008px.
I want to get rid of the upper title. I think something is blocking the CSS from working, but I don't know what.

Media Rules Not Getting Applied to Mobile Browser

If i shrink a desktop browser width to less than 600px, then my media rule is getting applied.
But chrome/android browser is only getting the default style, not the mobile style.
Any ideas?

live:
https://bayviewboom.org/prototest.html

<div class="dy-simple-photo-gallery">
	<style scoped>	
 
	.caption-thumb {
		font-size: 12px;
		text-align: center;
		word-wrap: break-word;
		width: 90%
		}
 
	.caption-light {
	  	color: white;
		font-family: arial;
		text-align: center;
		word-wrap: break-word;
		font-size: 20px;
		}
 
	.close-note {
		font-size: 10px; 

Collapse Icon Not Appearing

On my website at Dealmazing

The collapse bar for my top nav is working, but the icon with the three lines has somehow disappeared.

I'm using bootstrap and recently compressed some of my CSS so not sure if something happened in the process.

I've included an image to show what I mean---this is in mobile

https://ibb.co/goXktn

<BODY> width on mobile

body {	
	margin: auto;
	padding-bottom:5%;
	padding-left:0%;
	padding-right:0%;
	padding-top:5%;
	background-color:#FAE8B3;	 
	font-size: 16px;
	color: #FF9554;	
	font-weight:bold;
	max-width: 100%; 	
	width: auto;
}

For some reason that I can't work out the above has a horizontal scroll bar when viewing on a mobile. Can anyone see why please. Thanks

One page on website not showing mobile CSS

Test site is http://webecho.net.au/swatch/

My problem is with the mobile css.

To make it obvious I have added a h2 saying "should be orange on mobile"
On the homepage, on a mobile it shows correctly in orange.

On the booking form page http://webecho.net.au/swatch/booking-form.php - it doesn't!

Basically, I've been trying to just have the form go down the page on a mobile not be split into the left and right sides.

The simple test was just to see if that page was acccepting the mobile css which it isn't.

Syndicate content