miss-aligned hover edit panel
Permalink
I'm trying to convert a Foundation 3 template and I'm having problems when trying to edit the blocks.
When I hover over the block the grey panel appears below and is difficult to click on.
Any ideas?
When I hover over the block the grey panel appears below and is difficult to click on.
Any ideas?
I use Chrome Dev tools, but it's not as simple as finding the div's that have the problem.
Actually fixed it from another post.
So Foundation3 is working fine now.
Very nice and responsive:)
Actually fixed it from another post.
So Foundation3 is working fine now.
Very nice and responsive:)
Sometimes it is as simple as finding the div and changing the CSS. All the issues I've had with edit element misaligning were solved this way. Sorry it didn't work for you.
Hi!
What was the post that gave you the solution? I tried searching, but don't get the right keywords...
What was the post that gave you the solution? I tried searching, but don't get the right keywords...
For reference, I fixed it by adding to app.css the following, since foundation's globals.css sets the value to 'relative':
body { position: static; }
Me too:)
Sorry I didn't get back to ya.
Sorry I didn't get back to ya.
No problem, thanks. The question is if this change won't affect foundation's layouts. Maybe we should set the value only when in edit mode?
Also check it's not a javascript conflict
You'll need to view the site with Firebug or something similar and see what styles is causing the panels to shift. Then, you'll need to add a CSS override so that the admin editing interface is not affected by the theme CSS.