Add WebPart Cut Off SharePoint 2010 Custom Master Page
I recently ran into an issue with a SharePoint 2010 site with a custom master page and css. When you would go to add a webpart to a page, it would work fine if it was a Wiki page, however, if it was a WebPart page, the Add button would be missing from the webpart adder as seen in the screenshot below:
|Ribbon goes away and the Web Part Adder is cut off|
To troubleshoot, I opened up the site in FireFox and used FireFox to look at the HTML and CSS getting spit out. I compared the Wiki Page which was working correctly vs the Web Part Page that wasn’t. I found that this whole area is controlled by the s4-ribbonrow class. When comparing the two, these classes looked exactly the same. On the Web Part Page below the s4-ribbon row CSS was a S4-ribbonrowhidetitle class which had a height set to 135px. This class was not showing up in the wiki page. Sure enough, as soon as I disabled that, everything appeared as normal.
If you open up your Master Page and look for the following line:
This is the guy causing us all this trouble. Go to your CSS file and find the s4-ribbonrow style. Add height:auto to this. Re-publish your CSS file and viola, it is now displayed correctly!