Hey there Mrfatman,
Hope you’re well today 🙂
Would you mind posting link to your site and let me know which image you’d like to remove and I’ll be happy to try to assist you with some custom CSS.
Best regards,
Bojan
Hi Bojan
Many thanks for coming back to me.
The site is http://www.artyfartyco.co.uk and its the rabbit in the left in the sidebar that I would like to change. Once you reach the first break point the image moves to the top of the layout and you just get a close up of the rabbit which doesn’t look very good. I would like to be able to remove the rabbit or make it transparent to show the background. I can do it in the browser fine but can’t then code the Stylesheet accordingly. Alternatively if I could target the image to resize it when it hit that break point, that might even work.
Also is there anywhere you know of that would provide more info on the twenty fifteen media queries as I’m sure I will need to make further tweaks.
Many thanks for your help!
Andrew
Hey Andrew,
First thing the reason this happens is because you have background transparent set in your header in media query so the rabbit image appears in the header on smaller resolutions. To correct that please try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:
http://wordpress.org/plugins/simple-custom-css:
header#masthead {
background: transparent;
}
As for the sidebar image you can change its horizontal background position it should be displayed better on smaller resolutions until it gets removed. Please try adding the following:
@media screen and (min-width: 59.6875em){
body:before {
background: url(http://artyfartyco.co.uk/wp-content/uploads/2015/08/cropped-Rabbit-Header.png) no-repeat 30% 50%;
}
}
For media queries you can check them out in your theme style.css just search for “* 16.0 Media Queries” but either way you can add your own media queries for specific resolutions that should work for resolutions you define, rather then using breaking points already defined in the theme.
Hope this helps 🙂
Cheers,
Bojan
