Hi MunKan,
I was playing with your theme and could not figure out some Theme setting to do what you want to do.
You request is pretty hard to do, it is doable but it would involve a lot of css changes.
This is just my opinion.
I do not know your theme, I just installed it here for testing purposes.
I found that you can turn off that menu from being to see on tablet sizes, but this is not what you would expect.
Dashboard>Appearance>Menu – Mobile Navigation ON or OFF
Here is some dirty solution:
put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.
I’m doing this on my testing server.
It can get to some different behavior then here on my site.
It can happen that it is not working.
Then we have to look further.
.nav-trigger {
width: 125px;
}
@media (max-width: 767px)
.container {
float: left;
}
@media (max-width: 767px)
.nav-trigger .nav-trigger-case {
margin-top: 50px;
}
.col2-set, .row, .row-fluid {
float: left;
}
Try to ask Theme author.
One thing I see as to be point of to think about is, when you hover over menu or mobile menu, the color will change to unreadable dark color.
Hope I was a bit helpful.
Have a great day
Cheers
TR
Thread Starter
MunKan
(@munkan)
Hi tahoerock,
Thank you for a quick response!
>I was playing with your theme and could not figure out some Theme setting to do what you want to do.
>You request is pretty hard to do, it is doable but it would involve a lot of css changes.
I see,,,it’s really difficult to do. I tried the code in Custom CSS Box which you provided and yes, it didn’t work.
>Try to ask Theme author.
Could you tell me the way to have a contact with Theme author? Truth be told, I’m a beginner of this Support Forum and don’t know how to ask them. And my poor English.
Thank you.
Hey,
Theme author here, sorry about the delay.
You can do this with just a little css:
@media (max-width: 767px){
.kad-header-left {
width: 80%;
}
.nav-trigger .nav-trigger-case {
position: absolute;
top: -70px;
width: 50px;
}
.nav-trigger-case .kad-menu-name {
display: none;
}
header #logo {
text-align: left;
}
}
Add that ^ into the theme options > advanced settings.
Hope that helps,
Kadence Themes
Thread Starter
MunKan
(@munkan)
Theme author,
The problem is solved completely! Thank you!!
Hi MunKan,
I’m happy that you have your problem solved.
It is the best practice to contact Theme Author First.
They know the best what is where and how it was coded.
It is deeper digging and more time for us, to figure out how it is working and how to change it and not to destroy some other setting/coding.
If you need some other pain to solve in the future, than ask. 🙂
Cheers
TR
Thread Starter
MunKan
(@munkan)
Hi tahoerock,
What a gentleman you are! I guess lots of people are saved with your sincere support!
>If you need some other pain to solve in the future, than ask. 🙂
Yes, I’ll do that. Thanks!
