1) Screenshot of the Yellow Pencil that you provided seems is from the iPad version. And for the iPad it looks the same as you sent me http://prntscr.com/tnx4xf
If you want to edit the layout of the desktop version I would recommend you use the Single product builder (Theme Options > WooCommerce > Single product) and using columns width, alignment, settings create layout you need. Use the Yellow pencil plugin only if you want to create such styles as font-size, color. It does not work correctly with the position of elements very often.
