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

Home Forums CSS Bootstrap Sidebar

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #44017

    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


    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)
  • The forum ‘CSS’ is closed to new topics and replies.