Pro header responsive

[lubabalo]

Hi PRO

I am replicating a Drupal website to WordPress and am using pro.
this is the Drupal site http://www.dgb.co.za/
this is the WordPress site http://www.dgb.co.za/wordpress.

looking at this two sites how can I make the menu on WordPress to be responsive to the Drupal website?

[paul.r]

Hi,

To make it responsive, you can add this in PRO > Theme Options > CSS

@media (max-width: 1220px) {
.masthead-inline .x-btn-navbar {
    display: block;
    float: right;
}

.x-nav-wrap.desktop {
   display:none;
}

.x-nav-wrap.mobile {
   display:block;
}

.x-nav-wrap.mobile.collapse {
   display:none;  
}
.x-nav-wrap.mobile.collapse.in {
   display:block;  
}

.x-navbar .x-icon-bars {
   display:inline-block !important;
}
}

Hope that helps.