Custom page transition problem

hey guys. i got a question maybe somebody can offer some help. My layout is something similar to this

The navbar is simply rotated and there are some elements filling the blanks there. It works. Problem is that I would like it to change to something like this

I’ve managed to get that by simply making the detail page as a new abstract template and not having the same navbar but I’m irked by the transition. Instead of having a simple transition where both the main screen and the details screen are translated to the left (which would give continuity to the design) the current transition is simply translate the detail page to the left over the static main screen that also fades out. Any clues as to what I should do to achieve my desired result?