CSS codes not working for mobile view
CSS codes are only working for computer and tablet view, not mobile view. The codes being used are to get rid of the icon and not turn slider image grey. is there a way to fix this? Link to screen shot:
http://atxhousefairies.com/uncategorized/css-view/
these are the codes being used for this issue:
.square {
display: none;
}
#feature-slider .entry-container {
background-color: unset;
}
These are all the codes I currently have in the additional CSS box:
.site-info {
display:none;
}
@media screen and (min-width: 500px) {
#header-featured-image {
min-height: 500vh;
}
.has-header-media .custom-header-content {
background-color: unset;
}
.square {
display: none;
}
#feature-slider .entry-container {
background-color: unset;
}