With responsive designs, I heard we should use "%" instead of fixed measurements like "px" . But it doesn't work how it should with margin? I have a logo and links underneath it. I added margin-bottom: 2% underneath it and it looks perfect from pc But the links still overlap kinda in mobile. What to do?
Asked
Active
Viewed 46 times
1
-
1Post your code please. – Asons Dec 20 '15 at 16:37
-
#header {margin-bottom: 2%} – RhinoFreak Dec 20 '15 at 16:38
-
FYI, use percent to be responsive does not mean you can't use pixels. – Asons Dec 20 '15 at 16:38
-
We need to see the rest of the html/css or all we can do is guess. – Asons Dec 20 '15 at 16:40
-
I can share the url of the page.. http://opae.a-superlab.com/forum – RhinoFreak Dec 20 '15 at 16:42
2 Answers
1
You have a negative margin on #page-header of -16px which is pulling the links back up...
Joe Czucha
- 4,123
- 2
- 20
- 28
0
Float your logo to force margin-bottom to work or use padding-bottom instead.
Kevin Choppin
- 375
- 1
- 8