Reputation: 1 Apprentice
- Active Members
- Active Posts:
- 51 (0.23 per day)
- 12-October 12
- Profile Views:
- Last Active:
- Apr 07 2013 01:01 PM
- OS Preference:
- Favorite Browser:
- Favorite Processor:
- Favorite Gaming Platform:
- Your Car:
- Dream Kudos:
Posts I've Made
Posted 7 Apr 2013Thank you so much! /> I've been lost in this thing for weeks />
Posted 28 Jan 2013I believe there a number of online mobile emulators that you can test your pages in, which you might Google for.
QuoteOne way to keep text inside the container try using "position:fixed".
Erm.. I certainly wouldn't consider this as a first option!! In fact, it would be my last consideration - it changes the structure and behaviour of the whole page.
It was fixed all the time haha But yeah, I'm gonna try an emulator to see how it looks.
Posted 25 Jan 2013if that is an issue directed to mobile devices, you need to test your code directly. just making the browser window smaller is not the same (because mobile devices have different default settings for (e.g.) font-size).
besides that, there are some extended CSS selectors that allow to assign rules depending on the available space. MDN or W3C should have something on that topic.
I was roughly trying to see what it would look like on mobile/tablet or somesuch.
Posted 25 Jan 2013er, I donít see the text in the list shrink either. all I can see is the first item encountering a word break (because there is a space that allows for that). all other items still fit in the width.
and since you only change the width of the window, I see no reason why the text itself should get smaller.
that the h5-heading overflows is just a CSS default setting.
Is there something I can do to make the text fit in the container when it shrinks? Tried using % on the font-size, it didn't work haha. Should I make an "if" sentence that changes the font sixe according to the size of the screen?
Posted 22 Jan 2013Depends on how you create it. If done correctly, a horizontal bar at the top of the page isn't that annoying. Though you have to make sure the content will never get "stuck" underneath it; that any content is padded far enough down that even when scrolled all the way at the top, it won't overlap the nav bar. You also need to make sure you remove it on mobile devices. Those screens are small enough already without that eating up screen real estate.
A sidebar is also not too bad, as long as you avoid any sort of elastic or springy animation effects. Those are kind of cool for about 5 seconds. Then they become annoying. Just fix it with CSS and leave it at that.
I agree that it's really ugly when I minimize the window to a mobile sized screen. I'm trying to figure out some way to make it better, trying to get into all that "mobile-first" design. It's just hard to break the habit of designing for desktop first
What would you guys think of this navigation?(Perhaps not finished, might want to add a little to it)
At the top:
Scrolled down a little:
Still not sure if I want it to be fixed
Also the mobile version would be just horrible if I wasn't going to fix anything :
- Member Title:
- D.I.C Head
- 17 years old
- October 26, 1995