This might not be optimal, but I got you close with the CSS from my demo site.
nav#nav-main {
position: fixed;
z-index: 999;
}
Copy and paste into Appearance> Theme Options> Custom CSS.
If you can post a link, then I’ll try to get it optimized for your site.
Hey,
In terms of a built in option this is part of the premium version.
Kadence Themes
Thread Starter
Anirudh
(@anirudh1502)
Thank you Kevin, and Kadence Themes! 🙂
However, I’ve decided to disable the primary navingation menu. And enabled the topbar navigation menu.
But, now the problems I am facing are:
I am unable to disable the logo on the top left portion below the topbar
And, I need a logo to be placed on the topbar on the top left
Could you guys please help me with this.
My site’s address: http://assessmentclinic.uic.edu/
Hey anirudh1502,
Looks like you found a way to disable the logo?
You can Enable widget area in left of Topbar from Theme Options > Topbar Settings then from Appearance > Widgets you can add an image widget with your logo to this area.
Hope that helps!
Hannah
Thread Starter
Anirudh
(@anirudh1502)
Hello Hannah! Thank you so much for the help with the widget to be placed on the topbar.
I am able to place the logo on the topbar widget now.But, is there any option to change the position of the topbar widget?
And, I still haven’t been able to disable the site logo. I am still left with a small white line of the Primary Menu below the Topbar with a small amount of logo creeping below the extreme left portion below the top bar. 🙁
I tried disabling the Primary Menu navigation in the Menus of the General WordPress admin panel. And, I also reduced the size of the Logo container of the Logo settings in Theme Options.
Thread Starter
Anirudh
(@anirudh1502)
I figured out that if I increase the size of the topbar, I’ll be able to hide that white line below. But if I do that, the size of the logo that I placed in the top bar becomes too small in the Mobile Site.
Hey,
YOu can move the topbar widget area from right to left in your theme options > topbar settings. Can you specify what you’re wanting more?
In terms of the logo you can add:
#logo {
display: none;
}
in terms of the mobile add this css:
@media (max-width: 767px){
.kad-topbar-left {
width: 70%;
}
.kad-topbar-right {
width: 30%;
}
}
Kadence Themes
Thread Starter
Anirudh
(@anirudh1502)
I am able to switch the location of the logo from left to right using the theme options.
But the thing is, I want the logo to be on the extreme left. I mean to say I don’t want the extra spacing on the top bar that’s present on the left of the logo on my site.
Is there any CSS that I need to add to achieve this?
Thanks in advance 🙂
Hey Anirudh,
Try adding this to your custom css box in Theme Options > Custom CSS:
.topclass .kad_img_upload_widget {
float: left;
}
.topclass .container {
width: 100%;
}
Hope it helps!
Hannah
Thread Starter
Anirudh
(@anirudh1502)
It workeddddd!!! Thank you for the quick response, Hannah!! 🙂
