Someone else suggested this: You'll need to adjust the body { padding-top:
XXX } style accordingly. The default value is calibrated for a 1-line
all-text navbar.
I adjusted the tag, but while it took care of the problem of the text
hidden behind the logo, the nav is still out there instead of being rolled
up until clicked on (in the 768 x 1024 (iPad - Portrait) view).
Carol
On Saturday, March 9, 2013 5:07:45 PM UTC-8, Carol Clark wrote:
>
> Someone else suggested that I add this:
>
> <meta name="viewport" content="width=device-width, initial-scale=1,
> maximum-scale=1" />
>
> So... I combined them. :-)
>
> Carol
>
>
> On Saturday, March 9, 2013 4:58:24 PM UTC-8, Carol Clark wrote:
>>
>> Thanks! I added the code. I'll ask my friend to send me another
>> screenshot.
>>
>> Carol
>>
>> -------------------------
>>
>> On Saturday, March 9, 2013 4:53:03 PM UTC-8, iange87 wrote:
>>>
>>> Hi Carol
>>>
>>> When a mobile device loads a webpage, it generally reports that it's
>>> wider than it is, so, you need to add this: <meta name="viewport"
>>> content="width=device-width, initial-scale=1.0"> inside the head of
>>> your html.
>>>
>>> Also, I'm afraid to tell you stuff is overlapping when viewed on my
>>> laptop using chrome (let me know if you want a screenshot), though it looks
>>> fine if I shrink my browser window to mobile widths.
>>>
>>> Not sure about changing the nav widths, though I'm sure someone with
>>> that knowledge will be along shortly.
>>>
>>> Hope this helps!
>>>
>>>
>>> On Saturday, March 9, 2013 11:58:29 PM UTC, Carol Clark wrote:
>>>>
>>>> I'm a newbie at responsive web design, so it's easier for me at this
>>>> point to edit an existing design. I modified the Bootstrap starter
>>>> template
>>>> (http://twitter.github.com/bootstrap/examples/starter-template.html)
>>>> to create http://m.walnutcreekdds.com/TEST/index.html). It looks GREAT
>>>> in Matt's responsive testing site (www.mattkersley.com/responsive/),
>>>> except for 1024 x 768 (iPad - Landscape). Unfortunately, a friend sent me
>>>> a
>>>> screenshot from her iPhone, and it's really messed up (
>>>> http://m.walnutcreekdds.com/TEST/laurie01.jpg).
>>>>
>>>> So... how do I get this puppy to look good in all formats:
>>>>
>>>> 240 x 320 (small phone)
>>>> 320 x 480 (iPhone)
>>>> 480 x 640 (small tablet)
>>>> 768 x 1024 (iPad - Portrait)
>>>>
>>>> Also, I would love it if the navigation is in collapse mode for the
>>>> 1024x768, too. How can I do that?
>>>>
>>>> Thanks!!
>>>>
>>>> Carol
>>>>
>>>
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
