- This topic has 10 replies, 2 voices, and was last updated 10 years ago by fmck718.
-
AuthorPosts
-
October 30, 2014 at 1:32 am #46597fmck718Participant
Hello,
Apologies if I’ve overlooked a thread on this particular topic, but is there a way to include a top navigation menu within the Catch Everest theme? It would be something along the lines of the ‘Parents/Students/Schools/Alumni/MyCTY’ links that reside in the top right corner of this site – http://cty.jhu.edu/Thank you in advance for your help.
October 30, 2014 at 2:47 am #46602SakinKeymaster@fmck718: Sorry that option is not there. You might need to build child theme and do the custom work. For child theme look at http://catchthemes.com/blog/create-child-theme-wordpress/. If you don’t know the coding stuff then you might want to consider hiring customizer.
October 30, 2014 at 7:42 am #46620fmck718ParticipantSakin,
Thank you for the quick reply. That’s too bad about the top nav. I’m a real novice at coding, so I’ll need to go an alternate route.With that said, can you help me with two more menu questions:
1. Is there a way to add a secondary menu elsewhere on the page?
2. Can you reduce the height of the menu bar?Thank you very much.
October 30, 2014 at 8:18 am #46626SakinKeymaster@fmck718: Catch Everest theme doesn’t have two menus. Only pro version have primary and footer menu. But footer menu will be in your footer. Why don’t you change theme to Catch Kathmandu theme which is similar to Catch Everest Theme. In Catch Kathmandu theme you can create menu in Header Right and Header below which is called Primary and Secondary Menu respectively.
October 30, 2014 at 10:23 am #46645fmck718ParticipantThanks for the tip on Catch Kathmandu. The second menu isn’t a dealbreaker for me, though. I think I still prefer ‘Everest.’
Can you let me know if it’s possible to reduce the height of the menu bar (in Everest)?
Much appreciated.
October 30, 2014 at 11:11 am #46646SakinKeymaster@fmck718: You can reduce the line height in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box.
#header-menu ul.menu a { line-height: 45px; }
October 30, 2014 at 6:33 pm #46655fmck718ParticipantPerfect! Thank you so much.
Apologies for all the questions, but as you can imagine, every time I make an update, it triggers more thoughts. So, if you wouldn’t mind, I have three more questions…
1. Now that I’ve made the menu bar narrower, there is a gap between the bar and the ‘child’ navigation rollover. Is there a way to eliminate this gap?
2. Is it possible to add a border to the top and bottom (but NOT the sides) of the menu bar? E.g. blue menu bar with yellow border on top and bottom.
3. My header image (my logo) is wider than the recommended size, but I believe it’s crucial to my layout. However, on mobile devices, the logo appears smaller than I’d like. Is it possible to have different logo images (i.e. the ‘regular’ one for desktop viewing, and a smaller version for mobile viewing)?
I must say that I am extremely impressed with the quick responses to every question. You are delivering on your customer service promise. Thanks for your continued help.
November 1, 2014 at 11:17 am #46743SakinKeymaster@fmck718:
1. I need to see your site to check the gap difference and then send you the custom code. So, please send me your site URL.2. You can change the color code in the following css and then add it in “Appearance => Theme Options => Custom CSS” box to add the border in top and bottom of menu.
#header-menu { border-bottom: 1px solid #000; border-top: 1px solid #000; }
3. Sorry there is no option to add different image in the two version. But yes we can control the size of it’s through custom css.
November 3, 2014 at 10:38 am #46853fmck718ParticipantHI Sakin,
Unfortunately, I’m hosting the site locally, so I’m not sure how to share it with you. If there’s a way to do this, can you let me know? If not, here are links to two images that will hopefully help…*Homepage screenshot – http://i47.photobucket.com/albums/f175/OLSmarketing/2014-2015/CatchEverestForumImages/OLSwebsite-HP-PreK_rev3_zps26cf9393.jpg
*Gap between Main Menu and Child Menu – http://i47.photobucket.com/albums/f175/OLSmarketing/2014-2015/CatchEverestForumImages/OLSsite-gapbtwnmainmenuandchild_zpseb94b7a5.png
Also, here’s the CSS code that I’ve added to my site:
>>>
/* For menu bar color – general */
#header-menu {
background-color: #007cbb;
}
/* For menu bar color – hover color */
#header-menu ul.menu li:hover > a,
#header-menu ul.menu a:focus {
background-color: #50A0E2;
}
/* For menu bar color – child menu color */
#header-menu ul.menu ul a {
background-color: #80C2F9;
}/* For footer color */
#site-generator { background-color: #007cbb; }/* For main menu outline */
#header-menu {
border-bottom: 4px solid #f1c400;
border-top: 4px solid #f1c400;
}/* For footer outline */
#site-generator {
border-bottom: 0px solid #f1c400;
border-top: 4px solid #f1c400;
}/* For footer height */
#site-generator { line-height: 5px; }/* For main menu height */
#header-menu ul.menu a { line-height: 30px; }>>>
Not surprisingly, I have a few more questions to ask…
Main Menu bar
-how can I reduce point size of text, so that I can fit one more item in bar?
-how to change color of hover boxes?
-how to change text color on hover?
-can all of the above be changed WITHOUT CSS in Catch Everest Pro?Social Media icons (in top right)
-can I change the Facebook et al. hover text from “Facebook” to “OLS Facebook”?Footer
-in my “This Week’s News” section, I was hoping to close up the leading on the items that go onto two lines (e.g. is it possible to adjust leading on “Update from our Habitat for Humanity Family in Guatemala”?)“Site Generator” (bottom blue bar with copyright info)
-since I have the text in this space sitting on a blue background, I’d prefer to change the text to white (instead of a mix of white and gray). How can I do this? Is this an easy fix in Catch Everest Pro?As always, thank you very much for your help.
November 3, 2014 at 11:59 pm #46880SakinKeymaster@fmck718: For sub-menu as per your css, the top position should be 30px. So, add the following css in “Appearance => Theme Options => Custom CSS” box.
#header-menu ul.menu ul { top: 30px; }
November 4, 2014 at 3:08 am #46889fmck718ParticipantIt works perfectly. I have other questions, but I’ll post them under separate topics.
Thanks.
-
AuthorPosts
- The topic ‘Top Navigation Menu?’ is closed to new replies.