The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Bootstrap Sidebar

  • # April 10, 2013 at 2:16 pm

    Hi guys, I need help with an issue I am having with my implementation of bootstraps collapse element.
    Basically I want a button to appear only at mobile/tablet viewports and that allows for the navlist to be collapsible.

    The problem I have is if someone collapses my list from a tablet view and goes to a higher width than the button disappears and the nav list.

    Here’s the codepen of my problem

    Thanks for the help in advance

    # April 10, 2013 at 4:42 pm

    Take a look at your media queries and see if that’s where you need to edit it. I’m not entirely clear on your situation that’s causing the issue, but I’m guessing that when you “go to a higher width” the desktop styling is kicking in and hiding the button. You have the class “hidden-desktop” on it and that hides the button once the viewport reaches a certain width.

    Not sure if it will help, but I hope it points you in the right direction.


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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed