Hi amazing Enfolders!
I was just wondering how to make a specific background image disappear when it collides with my menu. I understand that it is a bit of code using breaking points, but not sure what exactly i should write, and where to put it?
Thanks so much!
Ryan
Hi Ryan,
Please post the link to your website and point out the background image that needs to be removed. On which device would you like to remove it?
Cheers!
Yigit
Hi Yigit!
The website is http://martinecarroll.com.au
The graphic is http://martinecarroll.com.au/wp-content/uploads/2014/03/BetterMinds_graphic.png
The breaking point would be at 1180px
Basically, I would like the Better Minds graphic to disappear just before it hits the menu if you resize the browser, so the device would be computers, but it probably shouldnt be in there on tablets or smartphones either.
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 1180px) {
#header_main.container_wrap.container_wrap_logo { background-image: none; }}
Best regards,
Yigit
Excellent! Thanks so much, Yigit.
Had to play with the width – the perfect point was 1300px.
Do you (or any awesome person) know of any good articles that would explain breaking points and controlling them?