Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #242078

    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

    #243060

    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

    #243085

    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.

    #243087

    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

    #243092

    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?

    #243095

    Hi!

    You are welcome glad we could help! Let us know if you have any other questios or issues.
    Your best route would be searching on Google. There are many tutorials there :)

    Cheers!
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Making an image disappear at a breaking point’ is closed to new replies.