how to have separate mobile header

Hello,

Unfortunately, there isn’t an option within the constraints of the free theme to have separate mobile and desktop site headers. This is possible in the premium version though. Sorry.

-Kevin

ok cool

i may try some css to change it when it goes to mobile view, or just change my logo, trying to clean up the site. am loving this learning process.

You can certainly change how certain things are styled in mobile and desktop view! I was just referring to the ability to assign an entirely different header to mobile than desktop.

If you need any assistance with the media queries or any other CSS, let me know and I’ll gladly do my best to help.

-Kevin

hey kevin this is my media setup, your help would be great

@media only screen and (max-width: 990px) {
#logo, .menu-search, #nav-main, .header-spacer {
display:none !important;
}
}

@media only screen and (min-width: 990px) {
.mobile-menu-search {
display:none !important;
}
}

@media only screen and (max-width: 100px) {
#nav-main .sf-menu .sf-dropdown-menu {
display:none;
}
}

@media (max-width: 979px) {
#topbar {display: none;}
}

@media (min-width: 992px) {
.footercol1 .widget-first .widget_kadence_social {
display: none;
}
}

Hey,
Can you tell me what you are wanting to change that your wanting help with?

Thanks,

Ben
Kadence Themes

in the mobile view instead of my logo header i just want words nothing fancy just plain and simple

It looks like you’ve changed some of the theme code for your header. That makes it difficult to tell you what to change, since that image isn’t actually your logo.

This CSS will hide the image, as well as place some text in the header, but I’m a bit confused on why it’s being added in the first place.

.kad-menu-name:before {
    content: "djakaskljf";
}

.kad-menu-name img {
    display: none;
}

All custom CSS should be placed in Theme Options> Advanced Settings.

thats weird as im adding the logo thru the main part not changing the header code.

i will try it and see what happens

worked perfectly awesome

is there anyway of changing font?

Yeah you can just add the font properties to the above CSS like this:

.kad-menu-name:before {
    content: "djakaskljf";
    font-family: serif;
}

-Kevin

Awesome kevin thank you soo much for your help. Absolute champion