[philipjamesbarnes]

Hi – I have this media query set up but it doesn’t seem to work, am I doing anything wrong?

@media (max-width: 479px) {
.blog-part { display: none; }
.blog-post { display: none; }
}

[ahmetsali]

Hi, your css code seems valid. Try these,

– Make sure you are pasting this code to the custom css box.
– Make sure your css codes in the custom css box are valid ( no missing open or close brackets etc. )

[philipjamesbarnes]

hi ahmet,

this is all my code below. still doesn’t work;

.instagram-image {
background-color: #F15A24
}

.blog-part, .blog-post, .service {
text-align: justify;
}

.footer {
text-align: justify;
}

.aside h2 {
line-height: 132%;
}

.portfolio-single + .span9 { display:none; }

.featured-posts .info h4 { line-height: 140%; }

.social li a {background-color: #333333; }

#logo {padding: 28.5px 0 20px 0}

#fancybox-content {border: 0px solid #F15A24; }

.post-list .st_fblike_hcount,
.post-list .st_twitter_hcount,
.post-list .st_plusone_hcount,
.post-list .st_email_hcount,
.post-list .st_pinterest_hcount { display:none !important; }

.tagline h1 {font-size:25px; line-height:134%; font-weight:300; }

#twitter-list ul {
text-align: left;
}

@media (max-width: 479px) {
.blog-part, .blog-post {
display: none;
}

[ahmetsali]

You have missed a closing bracket for;

@media (max-width: 479px) {

ad an extra closing bracket to the end;

@media (max-width: 479px) {
.blog-part, .blog-post {
display: none; }
}

[philipjamesbarnes]

Still no luck, have this now in custom.css

.instagram-image {
background-color: #F15A24
}

.blog-part, .blog-post, .service {
text-align: justify;
}

.footer {
text-align: justify;
}

.aside h2 {
line-height: 132%;
}

.portfolio-single + .span9 { display:none; }

.featured-posts .info h4 { line-height: 140%; }

.social li a {background-color: #333333; }

#logo {padding: 28.5px 0 20px 0}

#fancybox-content {border: 0px solid #F15A24; }

.post-list .st_fblike_hcount,
.post-list .st_twitter_hcount,
.post-list .st_plusone_hcount,
.post-list .st_email_hcount,
.post-list .st_pinterest_hcount { display:none !important; }

.tagline h1 {font-size:25px; line-height:134%; font-weight:300; }

#twitter-list ul {
text-align: left;
}

#nav li.active, #nav > li:hover, #nav ul li {
border-radius: 10px;
}

@media (max-width: 479px) {
.blog-part, .blog-post {
display: none; }
}

[ahmetsali]

Hi, try override any conflict with “!important” decleration;

@media (max-width: 479px) {
.blog-part, .blog-post {
display: none !important; }
}

[philipjamesbarnes]

thanks Ahmet, that worked well :)