Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #46597
    fmck718
    Participant

    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.

    #46602
    Sakin
    Keymaster

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

    #46620
    fmck718
    Participant

    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.

    #46626
    Sakin
    Keymaster

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

    #46645
    fmck718
    Participant

    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.

    #46646
    Sakin
    Keymaster

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

    #46655
    fmck718
    Participant

    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.

    #46743
    Sakin
    Keymaster

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

    #46853
    fmck718
    Participant

    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.

    #46880
    Sakin
    Keymaster

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

    #46889
    fmck718
    Participant

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

    Thanks.

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Top Navigation Menu?’ is closed to new replies.