Support » Fixing WordPress » CSS clip: unset; on Safari

  • I’m writing CSS in WordPress for a fullscreen page with a background image. To get rid of a black rectangle to the left (menu/sidebar), I’m using the CSS below. It’s working fine in chrome, IE and on mobile, but not working on mac/safari.

    How do I write this code so it works on Safari?

    .mk-page-section .background-clipper {
        clip: unset;
    }

    Thanks
    T

Viewing 2 replies - 1 through 2 (of 2 total)
  • clip is supported in Safari, but it’s difficult to suggest a solution without seeing your site. clip may not be what you need.

    I agree with you, might need something else.

    The initial code looks like this:

    .mk-page-section .background-clipper {
        clip: rect (auto, auto, auto, auto);
    }

    By setting “clip: unset;” I get rid of the black rectangle.
    This is working fine in Chrome/IE/Mobile, but not in Safari.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.