I'm trying to use an auto layout frame to contain a hamburger menu. The lines of the hamburger menu should be entirely contained within the auto layout frame.

I applied the following settings to the containing frame called "hamburger", which I thought would do what I want:

  1. Spacing mode: space between
  2. Strokes: included

hamburger frame

but as you can see in the screenshot, the top line sits on top of the auto layout frame rather than inside it. Here are the settings on the individual lines:

Individual line on hamburger

How can I get the top line to sit within the auto layout frame instead of on top of it?

1 Answer 1


One possibility is to use filled rectangles instead of lines with strokes.

enter image description here

  • Possible, but seems as though I should be able to achieve it with strokes as well.
    – Mike Eng
    May 19 at 14:28
  • @MikeEng - well you could perhaps draw an invisible rectangle (no fill, no stroke) over the top of the hamburger.
    – Billy Kerr
    May 19 at 14:34

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.