Change the menu dropdown on mobile

  • Is there a way to change the appearance of the dropdown nav in mobile view, is it possible to make it full width?

    This is what it looks like here

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

  • Firstly, you need to setup @http://www.themesandco.com/snippet/media-queries-responsiveness/code to determine different viewports. Sample template here

    Link to site would be useful to make sure I use the right selectors.

    Here’s an example. You’ll probably need to add width: 100%; to get what you need

    .navbar .nav > li > .dropdown-menu:before {

}
.navbar .nav > li > .dropdown-menu:after {

}
.navbar .navbar-inner {

}
.navbar .nav > li > .dropdown-menu:before {

}
.navbar .nav > li > .dropdown-menu:after {}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {

}
    Thread Starter lozadaOmr

    (@lozadaomr)

    @rdellconsulting

    Here is the link to the site

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change the menu dropdown on mobile’ is closed to new replies.