[fmck718]

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.

[Sakin]

@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.

[fmck718]

Sakin,
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.

[Sakin]

@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.

http://catchthemes.com/themes/catch-kathmandu/

[fmck718]

Thanks 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.

[Sakin]

@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; }

[fmck718]

Perfect! 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.

[Sakin]

@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.

[fmck718]

HI 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.

[Sakin]

@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; }

[fmck718]

It works perfectly. I have other questions, but I’ll post them under separate topics.

Thanks.

[Author]

Posts