John,
I think you need another media query in your css style sheet, you only
have two, you probably need three: desktop, tablet and mobile.
Using firebug, select your wrapper div and view Layout. Drag your screen
slowly to the left to find the first breakpoint where your styling for
desktop
On Aug 30, 2013, at 1:22 AM, PL polockh...@sprintmail.com wrote:
John,
I think you need another media query in your css style sheet, you only
have two, you probably need three: desktop, tablet and mobile.
Thank you, Patrice;
In working with my nav menu, one issue I'm having is getting the
I am trying to get solid on basic media queries with the simple site, link
below. When narrow the viewport to tablet which I have set at
max-width:768px, the desktop styles vanish, but tablet styles don't take their
place. I've been wracking my brain over this and I am not seeing the problem.
Can't look right now but are you adding to or changing desktop styles or
replacing them. Are you working desktop down?
—
Sent from Mailbox for iPhone
On Thu, Aug 29, 2013 at 6:20 PM, John A. Johnson j...@coffeeonmars.com
wrote:
I am trying to get solid on basic media queries with the
I am working desktop down (I know about mobile first) and I am copying the
desktop css into tablet which is my first break so far, and modifying as
needed to suit tablet (max 768px)
Thanks!
John
On Aug 29, 2013, at 3:28 PM, Tom Livingston tom...@gmail.com wrote:
Can't look right now but
Try using min-width instead.
On Thu, Aug 29, 2013 at 6:30 PM, John A. Johnson j...@coffeeonmars.com wrote:
I am working desktop down (I know about mobile first) and I am copying the
desktop css into tablet which is my first break so far, and modifying as
needed to suit tablet (max 768px)
On Aug 29, 2013, at 3:41 PM, Tom Livingston tom...@gmail.com wrote:
Try using min-width instead.
that fixes it to tablet size and no larger!
I do see ppl using various combos of min- and max-width…must be something else
weird in my code.
J
OK..I may have solved at least part of it…
for my desktop query, I either deleted or failed to type the closing } for the
media query!
watch this space…
John
__
css-discuss [css-d@lists.css-discuss.org]
Might be simpler to not have an MQ around your desktop since in this case it's
your base. And just make adjustments in the other MQs. No need to repeat
everything.
—
Sent from Mailbox for iPhone
On Thu, Aug 29, 2013 at 7:01 PM, John A. Johnson j...@coffeeonmars.com
wrote:
OK..I may have
On Aug 29, 2013, at 4:06 PM, Tom Livingston tom...@gmail.com wrote:
Might be simpler to not have an MQ around your desktop since in this case
it's your base. And just make adjustments in the other MQs. No need to repeat
everything.
well that is a very good idea, Tom. Right now, my Desktop
If you use the right MQs, you can still do that. Same concept, different widths
and adjustments.
—
Sent from Mailbox for iPhone
On Thu, Aug 29, 2013 at 7:10 PM, John A. Johnson j...@coffeeonmars.com
wrote:
On Aug 29, 2013, at 4:06 PM, Tom Livingston tom...@gmail.com wrote:
Might be
On Aug 29, 2013, at 4:11 PM, Tom Livingston tom...@gmail.com wrote:
If you use the right MQs, you can still do that. Same concept, different
widths and adjustments.
OK, wait..the lightbulb just went off..you're saying, whatever the starting
point is, requires no MQ; only the breaks do, and
I would not be able to sleep tonight if I didn't bring up 'mobile
first' again. It's been my experience with both methods, that it's
easier to go from mobile up and usually requires less CSS. I've had
some break point sheets with only a few lines of CSS. I usually only
use min-width MQs.
Just a
On Aug 29, 2013, at 5:03 PM, Tom Livingston tom...@gmail.com wrote:
I would not be able to sleep tonight if I didn't bring up 'mobile
first' again. It's been my experience with both methods, that it's
easier to go from mobile up and usually requires less CSS. I've had
some break point sheets
I'll second the mobile first. I'm currently going through a site that was
designed for desktop and making it narrow screen friendly; after trying to
work backwards I just broke the page down into modules and am doing each
one narrow - wide; so much easier, and fewer headaches.
On Thu, Aug 29,
15 matches
Mail list logo
