Set .navbar-default to collaps on mobile device

  • Resolved Joew21

    (@joew21)


    8 years, 8 months ago

    On a mobile device my website is dominated by the menu and not the beautiful slider images that this theme showcases so well.

    I know little about programming so please can anyone with an answer assist in simple terms.

    This is the url for my site: https://colourzoo.com/

    I believe that the nav bar needs to in a collapsed state for mobile devices.

    I am using the latest version of wordpress

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hey, I think you have found the answer, can you please help me, I am also facing the similar problem, Thank you…

    Thread Starter Joew21

    (@joew21)

    Hi can you describe your particular issue.

    My problem is When Web site view on mobile devices, the navbar is in collapsed state. it shouldn’t be collapsed till user click on Icon to see the menu right?

    Thread Starter Joew21

    (@joew21)

    Hi, First off I used a plugin to set up a child theme. I’ve since forgotten the actual name of the plugin but there are loads out there.

    I then went to the WordPress dashboard> Appearance > Edit

    and placed the following code:

    @media (max-width: 768px) {

    .sidebar-nav.navbar-collapse {

    height: 1px;

    }

    .sidebar-nav.navbar-collapse.in {

    height: auto;

    }

    }

    This ought to work. Post your results so we can help others

    Peace…

    It’s work perfect for me, Thank you so much…

    Thread Starter Joew21

    (@joew21)

    Marked as Resolved then…

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Set .navbar-default to collaps on mobile device’ is closed to new replies.