Can you post a link to your site so I can try to correct this with CSS?
Thanks!
http://easteco.org/ Look at the menu under about us? How can i control this? It needs to fit on the same row. Thanks.
Also how can i remove the text “no menu assigned” ? Seems like this free version has limited features. Is there any place to find clear documentation? I am not even sure going pro helps. Please advise. Thanks.
1. Since you don’t have a menu assigned, I can’t really give you the best solution to align it into one row.
2. You can remove that with this CSS:
.kt-nomenu-assigned {
display: none;
}
You can find documentation for the theme here:
http://docs.kadencethemes.com/virtue-free/
Let me know if this is helpful!
I forgot to say above that all custom CSS goes into Appearance> Theme Options> Custom CSS. I also gave you the wrong link to the doc site.
Shoulve been here:
http://docs.kadencethemes.com/pinnacle-free/
I have top menu assigned. I tried using primary navigation and the lines could not fit. Let me set it up for you to see.
Please check and see. I assigned my menu to primary navigation and as you can see, the contact us item starts on another row. Thats why i had used the top menu. I have fixed the no menu text issue (thanks).
Try adding this CSS to Theme Options> Custom CSS and let me know if it works for you!
.kad-header-style-basic #nav-main ul.sf-menu>li>a {
padding-right: 2px;
}
@media (max-width: 1200px) {
.kad-header-style-basic #nav-main ul.sf-menu>li>a {
padding-left: 2px
}
}
Wonderful!!. The “contact us” item is now on the same row. Wow (Thanks alot for that) – this is solved..
But still in the top menu, under the item “About us”, each single item appears on two rows instead of one. This appears correctly in the primary navigation menu.
Are you talking about how the items drop down below the topbar when the screen size decreases? If so, try adding this CSS.
@media (min-width: 992px) {
.kad-topbar-right {
width: 80%;
}
.kad-topbar-left {
width: 20%;
}
}
Let me know if that’s what you meant.
yeah, exactly, i meant how the items drop below the top bar, for example, under the item “About Us” on chrome, the first two items (Historical Background and Mandate and Functions) display on 2 rows/item. On firefox only the second item displays on two rows. I have added this last code but nothing changes.
Try clearing your cache. It looks like the CSS I gave you is working on my end.
If after clearing your cache the problem persists, post a screenshot of it and I’ll do what I can to figure out a solution.
Hello, nothing changes my end. I have even tried on two separate machines. (chrome + firefox)
Hi, how can i change the background image on this page? http://easteco.org/about-us/historical-background/
How can i post a screenshot on this page?
