• Resolved jswazzer

    (@jswazzer)


    First off love the theme! I was hoping there was an easy way to update the header/nav to include the logo and nav as an all in one top bar. To save on space and consolidate the header and the nav. Any help would be much appreciated.

    Thank you.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author ThemeAWESOME

    (@tsquez)

    Hey there,

    Glad you love the theme. Make sure you leave a rating and let everyone know you thinks its awesome!

    In regards to your question, unfortunately no there isn’t an easy way to do this. You can try what I am going to list below, however I do recommend that you use a WordPress child theme before making any modifications and make sure you create a backup of the files I am going to mention.

    This concerns the top-bar. All of the components that concern the top-bar are located in the content-nav.php file.

    I am assuming the area where you would modify and insert your logo would be the <ul class="title-area">. Now in this area are two li the first is where I think you would add your logo.

    Look for this:

    <li class="name">
                        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php echo esc_attr(get_theme_mod('wpforge_nav_text','Home')); ?></a>
                    </li>

    and just insert your logo. However I cannot guarantee this would work. Another user tried to do the same thing. Here is the link to the issue he started over at the Github repo: Display Logo in Sticky Menu

    I do think its possible to accomplish, however I haven’t had anyone successfully do it yet.

    Hope this helps and remember, please leave a rating. Enjoy!

    Thread Starter jswazzer

    (@jswazzer)

    Thanks for the quick reply! I will give this a try, and i’m using wp-starter.

    Thread Starter jswazzer

    (@jswazzer)

    I think what might be easier is converting the nav to look something like this: http://www.seattleartmuseum.org/ ?

    Would there be an easy substitute the drop-down nav on the desktop version to look like the inline subnav they have here: http://www.seattleartmuseum.org/programs-and-learning

    Thanks again!

    Theme Author ThemeAWESOME

    (@tsquez)

    Hi,

    YOu can do whatever you need to do to the top-bar. I think maybe you may want to read the Foundation Docs concerning the Top-Bar.

    In regard to the other nav question. You would have to build yourself a custom template that uses conditionals and child pages

    Unfortunately, due to time constraints, this all I can provide. Please let me know how it goes.

    Thread Starter jswazzer

    (@jswazzer)

    Thanks again!

    Theme Author ThemeAWESOME

    (@tsquez)

    Very welcome.

    Thread Starter jswazzer

    (@jswazzer)

    Got it working!

    Theme Author ThemeAWESOME

    (@tsquez)

    Hey there, glad you got it worked out.

    Is there any chance you can post what you did to get it working in case someone else wants to do the same thing. If you can that would be awesome. if not no worries.

    Thread Starter jswazzer

    (@jswazzer)

    I styled the nav bar to match the overall background color of the page and added this to my style.css (to enlarge the font) in my child theme wp-starter:

    .top-bar-section ul li > a {
    	color: #333;
    	display: block;
    	font-family: 'Open Sans', sans-serif;
    	font-size: 22px;
    	font-weight: normal;
    	padding-left: 0.9375rem;
    	padding: 12px 0 12px 0.9375rem;
    	text-transform: none;
    	width: 100%;
    }
Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘customize header/nav’ is closed to new replies.