- This topic is empty.
April 26, 2012 at 2:41 pm #37800
I have just started learning about responsive grids, menus and the like… I have, with the help of design shack, built a responsive menu and started to test it.
However, in Firefox full browser view and Chrome narrow view the last navigation drops down. But in Chrome full browser it is fine. In firefox it just gets worse.
Any thoughts as how to approach correcting this?
TimApril 26, 2012 at 4:11 pm #101832Ricardo C.Participant
If you do not already, have it link to a css rest stylesheet. Yahoo has a great css reset if you want to check it out, Yahoo CSS Reset .April 26, 2012 at 4:13 pm #101834
Would it be best to place in top of global style sheet since I building in Drupal?
Or link to it through Drupal?
Thanks!April 26, 2012 at 4:19 pm #101836Ricardo C.Participant
Yes. Always place it before any other css.April 27, 2012 at 7:30 am #101861
Thanks! Have a great weekend!
p.s. I am probably going to have to add some reset code for the navigation as well. Will let you know how it works out.April 27, 2012 at 12:23 pm #101886
So, reset code didn’t help out at all.
In trying to think it through I have one of the li elements not working right…ideas as too what would help, margin, line-height.
Would love ideas – I’ll keep testing.
ThanksApril 27, 2012 at 12:28 pm #101889dfoggeParticipant
try setting a min-width on the navigation container.
if that doesnt work or make sense can you set up a jsfiddle or link to the page so i can dig into the code and see exactly whats going on?April 27, 2012 at 1:09 pm #101893
Okay – here is what I have to share…
I changed nav ul – to nav ul li and added padding 0 – that fixed the initial last child dropping when in full browser mode.
To correct the li’s dropping in narrow mode – I had to tweak the @media for narrow, I had to adjust the li:nth-child(5)-(8) by adding the border in there.
That did it. Good luck to ya’llApril 27, 2012 at 1:10 pm #101894
@dfogge – thanks for the heads up will check that out next time as well. I need to learn to post to jsfiddle for code sharing.
Thanks!April 27, 2012 at 1:14 pm #101898dfoggeParticipant
ah congrats on solving that.
just for future reference mr coyier’s post on how to use jsfiddle is here: https://css-tricks.com/seriously-just-make-a-jsfiddle/
- The forum ‘CSS’ is closed to new topics and replies.