Custom Css Not Changing Desktop

Tried this. Didn’t work

/* Custom CSS*/  

@media (max-width: 1000px){
.main-navigation ul.menu>li.site-mobile-menu-logo{
	width: 103.5%;
	text-align: center;
	padding: 0px 13px 13px 7px;

}
.main-navigation ul.menu > li.site-mobile-menu-toggle{
	position: absolute; 
	background: transparent;
	left: 0px;
	z-index: 1;
}
.main-navigation ul.menu>li.menu-item-gsearch{
	position: absolute;
	right: -5px;
	z-index: 1;
}

html .site-banner .site-logo img{
	width: auto;
	height: 40px;
	max-width: 100%;
	padding-bottom: 3px;
}

.site-content[role="main"]>article.post {
	padding-top: 30px;
	padding-bottom: 0px;
}

html body .site-content article .entry-title a{
	font-size: 110% !important;
}

html body .single-post .site-content article h1.entry-title{
	text-align:center !important;
}

html body .entry-title{ text-align:center !important; 
}

add_filter( 'post_thumbnail_size', 'filter_post_thumbnail_size_jan132014' );
function filter_post_thumbnail_size_jan132014( $size ){
	if( wp_is_mobile() )
		$size = 'medium';
	return $size;
}

html body .site-hero .with-cmt{
	display:none !important;
}

.widget-area .widget-title,
#site-hero h2.entry-title{
	text-align: center;
}

html .site-hero .hero-brick:hover .entry-thumbnail img{
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
}

html body .entry-header .entry-meta .avatar{ display:none !important;}

@media (max-width: 991px){

	.single-post .site-content article h1.entry-title {
		font-size: 35px;
	}
}

}
}

I just need a few things done.

1. Get rid of the author picture on desktops (since its already working on mobile)

2. Shorten the spaces between the posts on desktops (since its already working on mobile)

3. Center ALL titles in the sidebars and in the posts located in homepage as well as the single posts on desktops (since its already working on mobile)

4. add the category at the top of the titles in the homepage and in single post, like elefant.es and womenlovetech.com

Basically make the desktop version look like my mobile version already looks. except for the categories showing at the top of the titles.

Thats it! We are already done. Its the last step.

So thats what has been blocking the Css from changing anything in bigger screens?

lol all the code that I have was given by you guys 🙂 btw I deleted what you told me to delete but I still dont see any change in the desktops

Thank you so much Jacob!

I can’t thank you enough for all your help.

Ps so where the brackets the error that wasn’t letting me change the css style?

• This reply was modified 4 years, 1 month ago by  Erick.

• This reply was modified 4 years, 1 month ago by  Erick.