Hello there,
Thank you for reaching out to us here.
Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?
@media only screen and (max-width:479px){
.site-title{
font-size: 17px !important;
}
}
Regards,
Kharis
kharis – thx for very much! i was close but i had the width too large and it wasn’t working on the small screen!
i was able to get rid of the red background and also the mobile menu button on my desktop using the following
.site-info.container {
display: none;
}
.page header.entry-header {
display: none;
}
however that does not seem to work when i add the @media only ………
how do u do figure out the css changes when you are looking at the mobile version ?
Hello there,
Please try using the media rule properly. You might be interested to study about it here http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Make sure a group of custom CSS code you applied is error free. You can validate it by using this tool before saving.
I hope this reply helps.
Regards,
Kharis
for some reason this code isnt working on mine…
Hello @dakotadearborn,
Please make sure the group of CSS code you added is error free. The easiest way to check is by using this tool.
Regards,
Kharis
