Clickable area below dotted box

Permalink
Currently building a website but when clicking edit, the edit box appears below the area. Using foundation to develop the website and have attached an image to show what I mean.

Any help would be appreciated

1 Attachment

pixelpatch
 
pixelpatch replied on at Permalink Reply
pixelpatch
I think it may have something to do with the positioning in the top-bar in foundation but not entirely sure
mesuva replied on at Permalink Reply
mesuva
I've seen this problem a few times when building custom themes.

From memory I'm pretty sure it came down to a top margin or top padding being applied to either the body or html. So I'd suggest you investigate those, and if you have some in place look to set them to zero and achieve your spacings at the top a different way.
studio108 replied on at Permalink Reply
studio108
This is the css I use to solve the issue:

#ccm-highlighter {
margin-top:-49px;
}

Hope that may help?