Hey John, can you post your HTML? Are you open to adding wrappers or no?

On Fri, Aug 30, 2013 at 8:58 PM, John A. Johnson <j...@coffeeonmars.com>wrote:

> I have a 6-item menu which is inline at desktop sizes, but block at mobile
> sizes. it works great, but at mobile, I'd like to have 2 columns of 3
> buttons to make better use of my vertical space.  is there an easy way to
> do this? can it even be done with css?
>
> thank you!
>
> John
>
> existing desktop css:
>
> nav ul li{
>         display:inline;
>         line-height:50px;
>         font-size:80%;
>         margin:0 3% 0 3%;
> }
>
>
>
> existing mobile css:
>
> nav ul li{
>         background-color:gray;
>         border-radius:3px;
>         display:block;
>         width:97%;
>         line-height:45px;
>         font-size:100%;
>         font-weight:700;
>         margin:1% 0 0 0;
>         padding:0 0 0 3%;
> }
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Chris Rockwell
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to