Creating Custom Header for all non-home pages

Yea this should disable it — BUT IT WON”T

.header-wrapper.header-type-2.slider-overlap.header-scrolling {
background-image: none !important;
}

Login credentials were provided in the first message.

Provided Again in Private below – please look.

I am using Theme Options / Header Type 2 which overlays the Logo and menu over the slider on the Home page.

This looks good on all Devices except mobile.

I would like to use Header Type 1 on mobile devices only.

How can I do this?

Thank you

Thank you – I was able to use custom CSS to display the header to my liking.

My tablet display of navigation in the wide format is conflicting with the logo.

I would like to use the responsive mobile navigation on this wide tablet device as well.

You provide no specific control for this in the theme. Do I need to attempt to control this with CSS as well?

Your @media (min-width:768px) css rules appear to be distributed throughout the theme css. Could you point me in the right direction for this?

Thanks

@media (min-width:768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%
}

.nav-tabs.nav-justified > li > a {
margin-bottom: 0
}
}

.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd
}

@media (min-width:768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff
}
}

.nav-pills > li {
float: left
}

.nav-pills > li > a {
border-radius: 4px
}

.nav-pills > li + li {
margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #fff;
background-color: #428bca
}

.nav-stacked > li {
float: none
}

.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0
}

.nav-justified {
width: 100%
}

.nav-justified > li {
float: none
}

.nav-justified > li > a {
text-align: center;
margin-bottom: 5px
}

.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto
}

@media (min-width:768px) {
.nav-justified > li {
display: table-cell;
width: 1%
}

.nav-justified > li > a {
margin-bottom: 0
}
}

.nav-tabs-justified {
border-bottom: 0
}

.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd
}

@media (min-width:768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff
}
}

.tab-content > .tab-pane {
display: none
}

.tab-content > .active {
display: block
}

.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0
}

.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent
}

@media (min-width:768px) {
.navbar {
border-radius: 4px
}
}

@media (min-width:768px) {
.navbar-header {
float: left
}
}

.navbar-collapse {
max-height: 340px;
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
-webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
overflow-y: auto
}

@media (min-width:768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none
}

.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important
}

.navbar-collapse.in {
overflow-y: visible
}

.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0
}
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px
}

@media (min-width:768px) {
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0
}
}

.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px
}

@media (min-width:768px) {
.navbar-static-top {
border-radius: 0
}
}

.navbar-fixed-top, .navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030
}

@media (min-width:768px) {
.navbar-fixed-top, .navbar-fixed-bottom {
border-radius: 0
}
}

.navbar-fixed-top {
top: 0;
border-width: 0 0 1px
}

.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0
}

.navbar-brand {
float: left;
padding: 15px;
font-size: 18px;
line-height: 20px;
height: 50px
}

.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none
}

@media (min-width:768px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left: -15px
}
}

.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}

.navbar-toggle:focus {
outline: 0
}

.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px
}

@media (min-width:768px) {
.navbar-toggle {
display: none
}
}

.navbar-nav {
margin: 7.5px -15px
}

.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px
}

@media (max-width:767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none
}

.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px
}

.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px
}

.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none
}
}

@media (min-width:768px) {
.navbar-nav {
float: left;
margin: 0
}

.navbar-nav > li {
float: left
}

.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px
}

.navbar-nav.navbar-right:last-child {
margin-right: -15px
}
}

@media (min-width:768px) {
.navbar-left {
float: left !important
}

.navbar-right {
float: right !important
}
}

.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
margin-top: 8px;
margin-bottom: 8px
}

@media (min-width:768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}

.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}

.navbar-form .input-group > .form-control {
width: 100%
}

.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle
}

.navbar-form .radio, .navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
vertical-align: middle
}

.navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] {
float: none;
margin-left: 0
}

.navbar-form .has-feedback .form-control-feedback {
top: 0
}
}

@media (max-width:767px) {
.navbar-form .form-group {
margin-bottom: 5px
}
}

@media (min-width:768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none
}

.navbar-form.navbar-right:last-child {
margin-right: -15px
}
}

.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}

.navbar-btn {
margin-top: 8px;
margin-bottom: 8px
}

.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px
}

.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px
}

.navbar-text {
margin-top: 15px;
margin-bottom: 15px
}

@media (min-width:768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px
}

.navbar-text.navbar-right:last-child {
margin-right: 0
}
}