With my responsive design and navigation almost working, I'm at one final dilemna and that's the navigation itself. On my website (or should I say my clients): http://turningheadssalons.com/index.html - when the navigation falls below the viewport of 750, the navigation dissapears. I can get it display when I remove the display: none function, but it's supposed to display a navigation menu icon and then populate it as a dropdown. It's also supposed to not overflow when the navigation is selected.
Any help is appreciated,
Thanks
HoverportMedia
0
Posting Whiz in Training
Recommended Answers
Jump to PostHave a look at how twitter bootstrap does it. I'm not advocating TB at all, but they've got a nifty switch for small viewports. Perhaps if you rummage around the css/js? Just a thought.
Jump to PostI'm not advocating TB at all
It is pretty nice, I see nothing wrong with that ;-)
All 7 Replies
diafol
Have a look at how twitter bootstrap does it. I'm not advocating TB at all, but they've got a nifty switch for small viewports. Perhaps if you rummage around the css/js? Just a thought.
HoverportMedia
0
Posting Whiz in Training
Well, I'm able to get it to view now, but it still overflows.
pixelsoul
272
Red Pill
Featured Poster
I'm not advocating TB at all
It is pretty nice, I see nothing wrong with that ;-)
diafol
Well, I'm able to get it to view now, but it still overflows.
So, what is the latest view? Do we need CSS/JS code? Just saying it overflows is a bit difficult to decipher.
It is pretty nice, I see nothing wrong with that ;-)
Yes, absolutely great for those of use who hate front-end stuff. Perhaps not great for the viewing public though ;)
HoverportMedia
0
Posting Whiz in Training
HoverportMedia
0
Posting Whiz in Training
Actually, if you want, I'm doing a simpler experiment over here:
http://hoverportmedia.net/experiments/responsivenavigation1.html
HoverportMedia
0
Posting Whiz in Training
Alright everyone, problem has been solved. The issue was in regards to the height was not set to auto when the screen was downsized, so naturally it would overflow. I'll be posting a tutorial about this on my webpage and I'll forward it here when it's done, but if anyone else has any other suggestions to tackle this, feel free to post them :)
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.