Position Logo & Navbar

Community Forums Forums Design Tips and Tricks Position Logo & Navbar

This topic is: not resolved

Tagged: 

This topic contains 18 replies, has 4 voices, and was last updated by  Tony @ AlphaBlossom 3 months, 1 week ago.

Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
    Posts
  • #114408

    sookie
    Participant
    Post count: 26

    Hi Guys,

    I am trying to get the logo and navbar to look like this website: http://pinchofyum.com

    I want my header to look like that too. I have managed to move the logo to the left but having trouble with the navbar.

    Another question is, how do I move Previous and Next Post hyperlinks to the top of each post – currently they are at the bottom of the post?

    Here is the website am working on:

    Thanks

    http://www.recipetineats.com/
    #114413

    genwrock
    Member
    Post count: 673

    Login to dashboard and Goto Widgets Page ( Appearance-> Widgets) . There have “Header Right” sidebar. Drag & Drop the Custom Menu widget in to Header Right sidebar and choose the correct menu from drop down and save it. Then your menu will display at right side of the logo.

    http://wpsites.net/web-design/next-previous-post-links-genesis/


    See My PRO Genesis Child Themes | Customizing & Creating Genesis Website | Follow Me on Twitter

    #114415

    sookie
    Participant
    Post count: 26

    Hi Genwrock, thanks for your help. There is no Header Right with this theme.

    #114420

    Tony @ AlphaBlossom
    Participant
    Post count: 543

    Hi,

    You can try adding this to your theme’s functions.php file to move the nav into the header:

    
    // Reposition the primary navigation menu
    remove_action( 'genesis_after_header', 'genesis_do_nav' );
    add_action( 'genesis_header', 'genesis_do_nav' );
    

    Then you’ll have to adjust the css – set a width on .site-title, and make necessary adjustments to the nav. If you get stuck with css let us know.


    #114428

    sookie
    Participant
    Post count: 26

    Thanks Tony,

    I added the code to the functions.php and used this in CSS:

    .site-title,
    .site-title a {
    font-family: ‘Open Sans’, sans-serif;
    font-size: 50px;
    font-size: 5rem;
    font-weight: 300;
    letter-spacing: 4px;
    letter-spacing: .4rem;
    line-height: 1.625;
    text-align: center;
    text-transform: uppercase;
    }

    Still no change. I have live traffic coming to the website at the moment.

    #114431

    Tony @ AlphaBlossom
    Participant
    Post count: 543

    I’m not sure what theme your using…also, that code is for the primary nav. If your theme is using the secondary nav or custom, you’ll have to adjust for that.

    I’ve used the code many times (and currently using on my site) and it works with most genesis themes, but if the theme is using custom menus and locations it won’t work as is.

    Your nav is not being moved into the header so I’m wondering if it’s something other than primary.

    Which theme is it? If it’s 3rd party, I recommend contacting them as well.


    #114434

    Tony @ AlphaBlossom
    Participant
    Post count: 543

    Sorry for not looking closely. The css says it’s nav secondary.

    Just replace genesis_do_nav with genesis_do_subnav on both lines and it should take care of the issue. Sorry for not looking at that first.


    #114438

    bandj
    Participant
    Post count: 184

    I think it would be easier to go with the standard Genesis header which has the widget in it. Is there anything in the function about a custom header or header callback?


    #114441

    Tony @ AlphaBlossom
    Participant
    Post count: 543

    It certainly would be easier, but OP said there’s no header right widget area…in which case registering the widget, adding the widget to the header and styling would not be easier.

    I don’t want to confuse the OP with a bunch of options, so I’ll take myself out of the conversation to keep things simple.

    Have a great one!


    #114450

    sookie
    Participant
    Post count: 26

    Thanks guys for all your help. Am using the foodie theme and when I replaced the do_nav with the subnav, I got this:

    Parse error: syntax error, unexpected ‘genesis_header’ (T_STRING) in /home3/lulu2929/public_html/booking/wp-content/themes/foodie/functions.php on line 367

    Here is a website using the same theme and they have managed to do it: http://www.healthyrecipeecstasy.com

    • This reply was modified 3 months, 1 week ago by  sookie. Reason: adding more info
    • This reply was modified 3 months, 1 week ago by  sookie. Reason: adding more info
    #114454

    Tony @ AlphaBlossom
    Participant
    Post count: 543

    It’s possible that the ‘ marks didn’t get copied over correctly…I know this works, doing it on my own custom theme (just tried this code again on my site with no issues. Maybe copy from StudioPress directly and just change the “genesis_before_header” to “genesis_header” (click “view raw” and copy and paste): http://my.studiopress.com/snippets/navigation-menus/#reposition-secondary

    Otherwise not sure…possible that the theme is coded different, but it’s the way to move nav as recommended by StudioPress and I’ve done it many times with no issues.

    It’s a 3rd party theme so I don’t have access to the code…but the site you linked to does have a header right widget area, which as bandj said would be easier if it exists.

    If it still doesn’t work, and you’re sure there’s no header right widget area, probably best to contact the Foodie theme dev.


    #114457

    sookie
    Participant
    Post count: 26

    Hi Tony, I have used this code and works now:

    //* Reposition the primary navigation menu
    remove_action( ‘genesis_after_header’, ‘genesis_do_nav’ );
    add_action( ‘genesis_before_header’, ‘genesis_do_nav’ );

    It’s just the CSS, am trying to figure out now. I have moved to a demo site now because the other one was on a live website with traffic: http://booking.mozyou.com

    Thanks

    #114459

    Tony @ AlphaBlossom
    Participant
    Post count: 543

    genesis_header actually places the nav inside the header wrap, which makes it easier to style…not sure why it’s an issue since it’s a standard genesis hook.

    Maybe try getting rid of the “_before” again to see, but if not you can still make it work by adjusting your css:

    
    .site-header {
        background: url("http://booking.mozyou.com/wp-content/uploads/2014/07/cropped-Blog-Header1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        float: left;
        width: 250px;
    }
    
    .nav-primary {
        float: right;
        margin-top: 90px;
        width: 500px;
    }
    

    You can adjust as needed, and you’ll have to add your border to .site-inner (but your header is a little wider than your site-inner).


    #114463

    sookie
    Participant
    Post count: 26

    Thanks Tony,

    I have added the CSS code but the border isn’t the same as the: http://pinchofyum.com and the menu is too far from the logo.

    #114464

    sookie
    Participant
    Post count: 26

    Tony, what’s your email? I need a bit more help with this. If you have time.

Viewing 15 posts - 1 through 15 (of 19 total)

You must be logged in to reply to this topic.