Master page content place holders overlap after upgrading to

Hello,

We have master page which contains two “ContentPlaceHolder” one for the Navigation bar and one for the page content, when we create a template based on it, the content place holders overlap, so when we use the navigation widget in the first content place holder then dragging a new layout widget below (in the second content place holder) we can’t use the “Edit and More” links

Please open the attached screen shot for more details.

Thanks.

Hi Amr,

Unfortunately, I'm not able to reproduce this problem. From which version did you upgrade? What browser are you using? Can you send us this master file and any css files that you have included, so we can try to reproduce it locally. Any additional information would be helpful.

Thank you in advance! 

Hi Petya,

We still have a problem with the navigation widget in the edit mode, the menu taking double lines instead of one; this is because you are using min height 50px. 
Please review the attached screenshot for more details.

Thanks.

Hello Amr,

I'm not able to reproduce this locally. I tried with a master file with two placeholders, but the Navigation widget and the layout widgets are working fine. Can you send me the master file that you are using, any css files that you have included and some exact steps to follow. Thank you in advance!

Hello Petya,

Thanks for your reply, to replicate the issue, you need to create a number of pages such that the menu will require more than one row to render, then mark the pages starting from the second row so they don’t display in navigation then open edit mode again, at that point, you should notice that the menu is still taking larger height even though there is no need to do so.
Let me know if that successfully replicates the scenario for you.

Thanks.

Hi AmrElsayed,

I think Page editor's CSS interferes with yours and therefore the overlapping of Edit and More links happens. You can override the min height by adding the CSS from below to your theme.