Forums

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
    Posts
  • #44017
    NghiQuach
    Participant

    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
    http://cdpn.io/LoihJ

    Thanks for the help in advance

    #131308
    ElijahFowler
    Participant

    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.

    -Elijah

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