This topic has 10 replies, 3 voices, and was last updated 7 years by 
-
-
Hi –
I would like to create a secondary menu for my Magazine landing page (which is one tab in a larger website). I want the secondary menu to show up underneath the main menu, and I want to code it to show different categories of blogs (I guess like a portfolio page coded per blog topic) and I want this to show up on the Magazine page(s) only, as the main navigation for the Magazine section. Is this possible? When I try to add a secondary menu, it shows up to the right of my main menu on the same line, not below it.
Also, where do I place the category numbers in the menu tabs so that it will display only those categories?
Thanks!
Hello, you could use visual composer tab element as a menu, and inside each tab, place the elements to show the magazine categories you want 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Thank you very much Laura. I did just spend some time testing that out. When I put the posts inside each tab though (Kleo posts, by category, show All), they all display on the homepage and make it look messy…
What I really want is a secondary menu where each link goes to a category archive page – exactly like you have on your magazine demo main menu – so that someone can browse all the posts in that category. Is there some way to get the secondary menu to show up under the main menu instead of beside it? That way the secondary menu can stay constant at the top of the page, regardless of which category archive page someone is on. I’m really hoping it will be possible, as then it will look like a perfect magazine page!
Is there an element for category archive page? I see the category list, but not archive page…
Thank you!
Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Hi,
You can use the next CSS to can have the secondary menu under the primary, this may have’s some bugs since the theme wasn’t conceived to work with the menus like that.
COPY CODE.header-flexmenu #header .kleo-main-header>.container { flex-wrap:wrap; justify-content: flex-end; align-items: flex-start; width: 100%; } .kleo-main-header.header-normal .navbar-header{ background: #cacaca; width: 30%; height: 100%; } .kleo-main-header.header-normal .navbar-collapse { background: pink; width: 70%; } .kleo-main-header.header-normal>.container .secondary-menu { background: green; width: 70%; transform: translateY(-50%); } @media (min-width: 991px) .kleo-main-header .nav.navbar-nav { max-height: 44px; }The Css will be added to wp-admin -> theme options -> general settings -> quick css
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionYou’re welcome
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionI am focused on other parts of website development right now, but when I get back to this, I will let you know if it works. For now, ticket can be closed. Thanks.
Ok then
Just reply to this even it’s closed
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi Radu –
I will try the CSS later today. I had some questions about it:
1) Is there some text I can add above and below the CSS that is not code but just shows the section beginning and end in case I want to remove it later? Something like ~~~ START: CODE FOR SECONDARY MENU ~~~~ and ~~~ END: CODE FOR SECONDARY MENU ~~~~
2) I think what I am looking for is page-specific secondary menus. I am using all of your modules – BuddyPress, GeoDirectory, Magazine, Sensei, WooCommerce – and am thinking that I need different secondary menus for several of these. For example, for Magazine I would like a secondary menu that shows news topic categories. For WooCommerce, I would like a secondary menu that shows product categories. For Sensei, I would like a secondary menu that shows course topic categories.
Will the CSS you provided help with this? Or, should I try a plugin like:
https://wordpress.org/plugins/page-specific-menu-items/Thank you Radu!!
Hi,
1. CSS + Comment
COPY CODE/*START Two menus tweak*/ .header-flexmenu #header .kleo-main-header>.container { flex-wrap:wrap; justify-content: flex-end; align-items: flex-start; width: 100%; } .kleo-main-header.header-normal .navbar-header{ background: #cacaca; width: 30%; height: 100%; } .kleo-main-header.header-normal .navbar-collapse { background: pink; width: 70%; } .kleo-main-header.header-normal>.container .secondary-menu { background: green; width: 70%; transform: translateY(-50%); } @media (min-width: 991px) .kleo-main-header .nav.navbar-nav { max-height: 44px; } /*END Two menus tweak*/2. You can try that plugin but before that you can try to use the menu assignation feature by page from our theme
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
You must be logged in to reply to this topic.
