Grow your CSS skills. Land your dream job.

bootstrap menu toggle positioning

  • # April 26, 2013 at 7:28 am

    Hi again

    i would like the menu toggle that appears at lower resolutions to appear where my login form is when it kicks in on lower resolutions (see the attached codepen link). All nav, login form and contact details must be contained in the toggle.

    http://cdpn.io/BHahl

    any ideas?

    thnaks

    # April 26, 2013 at 7:47 am

    Sorry…that Codepen is just to huge to wade through. Does it include the media queries?

    It doesn’t look like it as the Codepen is not responsive.

    http://twitter.github.io/bootstrap/components.html#navbar

    Looks like you have put the log-in components in the wrong place.

    # April 26, 2013 at 7:48 am

    shithammers – sorry, new to codepen – let me see if i can wittle it down

    # April 26, 2013 at 7:50 am

    >let me see if i can wittle it down

    Ah…you have discovered the basic ‘flaw’ with Bootstrap. It’s just too freakin’ huge!

    # April 26, 2013 at 7:52 am

    ok i’ve edited the html down – any better?

    # April 26, 2013 at 7:53 am

    tell me about it. and i’ve added more than i’ve taken away.

    # April 26, 2013 at 8:03 am

    If you look at the bootstrap link I gave, you can see that they have a section for their responsive navbar.

    You would have to take the HTML for your current ‘form’, chuck it in there then play with the media queries accordingly.

    # April 26, 2013 at 8:08 am

    righto. i’ll give it a whirl.

    # April 26, 2013 at 9:43 am

    i think i’ve aced it. cheers for the heads up.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".