hi mixie pixie ,
you can make the site title responsive by adding something like the following code to your child theme’s style.css file:
@media screen and (max-width: 40em) {
.site-title {
font-size: 25px;
}
}
this code will change the font size from the default (52px I think) to 25px when the screen gets to 40ems. this is the same size as when the menu collapse is activated.
As for the background image, from your dashboard try:
Appearance > scroll down to “Attachment” > select “Fixed” > Save Changes
Thank you! It took me a while to see your response but it worked. I have another question if you don’t mind. How do you know the names of the classes to target? Does WP use a set name for all different tags/ sections? Or can you view the html to see them? I’ve been trying to figure this out but wordpress is sooo confusing. Thanks again I really appreciate it.
Glad it resolved your issue!
I used the web inspector to determine what css selector was being used.
I generally use firefox or chrome browser and with each of these you just select or hover over the element you want to inspect, right click and click on inspect element.
This opens up the web inspector within the developer tools that are built into your browser. Among other things, it shows the css selector of the element.
Here is a link to a basic tutorial on using chrome’s web inspector:
