Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS bootstrap menu toggle positioning

  • This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #44379
    catfood
    Member

    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

    #133237
    Paulie_D
    Member

    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.

    #133238
    catfood
    Member

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

    #133239
    Paulie_D
    Member

    >let me see if i can wittle it down

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

    #133240
    catfood
    Member

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

    #133241
    catfood
    Member

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

    #133242
    Paulie_D
    Member

    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.

    #133243
    catfood
    Member

    righto. i’ll give it a whirl.

    #133260
    catfood
    Member

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

Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘CSS’ is closed to new topics and replies.