• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Mocha Theme Navigation

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Mocha Theme Navigation

This topic is: resolved
  • This topic has 10 replies, 3 voices, and was last updated 12 years, 8 months ago by Susan.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 1, 2013 at 1:32 pm #48728
    lenz
    Member

    I have set up the mocha theme for a friend of mine but the navigation is not in the top bar with the site name. it is in a separate bar below it. I have searched high and low and have found mention of the custom menu widget in various mocha tutorial and descriptions but no real links to the correct widget and no instructions as to how to use it...

    The them in question is at http://anachavier.com

    July 1, 2013 at 2:17 pm #48736
    RobG
    Member

    Here's a tutorial provided by StudioPress that will give you step by step instructions on how to use your menu http://my.studiopress.com/tutorials/use-navigation-menus/ It's preety straight forward.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    July 1, 2013 at 4:23 pm #48751
    lenz
    Member

    Thanks for the quick reply but you didnt understand my question. On my install (http://anachavier.com) the mocha theme's navigation is not in the header bar like it is on the studiopress theme demo on the studiopress site... I have the most recent install and it just doesnt work... Any thoughts?

    here is the mocha theme demo - http://my.studiopress.com/themes/mocha/

    here is my mocha install - http://anachavier.com/

    And if you dont see it - here are the two side by side - http://anachavier.com/mocha-prob.jpg

    July 1, 2013 at 4:45 pm #48753
    RobG
    Member

    Lens, I understood you correctly you're saying your menu is not at the top of your page correct?

    When you install any new themes from StudioPress it will not setup like the demos because you also have to upload and install the (XML) which has the demo content. But you don't really need the XML files if you just want to have the navigation menu in your header.

    Just go to your dashboard and choose Appearance > Menus, you will see Primary Navigation Menu, Secondary Navigation Menu and a drop down menu, Just following the turorial I linked ubove and it will help you setup your navigation Menu and let you place it at the top of your header section.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    July 1, 2013 at 5:34 pm #48765
    lenz
    Member

    Thanks again for the fast response but that is still not it. I have been through the tutorial many years ago and have set up at least 50 sites with studiopress themes using the menu function. I know how to do that. This is not that.

    The menu is not where it is supposed to be. Period. There are no options for putting it in the top bar anywhere on the theme or in its associated XML data. I tried that a long time ago = here is an install i did with the XML data and it made no difference.

    http://mocha.anachavier.com/

    Note that on the http://mocha.anachavier.com/ install that NEITHER the primary and secondary navigation are in the header bar and there does not appear to be any way to make them be there.

    This appears to be a defect in the theme.

    July 2, 2013 at 3:34 am #48796
    RobG
    Member

    Your website seems to be having a problem because it will not display.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    July 2, 2013 at 2:11 pm #48876
    lenz
    Member

    I have been able to fix it after viewing the HTML and editing the html but now i have to figure out where to fix it in the code. Unless there is a plugin or some kind of instructions i cannot locate to put the menu in the header bar it appears that i will have to edit Genesis itself which is a drag. There are a ton of articles about editing genesis online but NONE of them refer to the current version of genesis... When/if i figure it out i will poost it here, unless anyone has any other ideas?

    July 3, 2013 at 6:17 pm #49097
    lenz
    Member

    Well I cant figure it out - anyone else have any suggestions?

    July 3, 2013 at 8:30 pm #49115
    Susan
    Moderator

    Create a custom menu and drag it to the Header Right. (screenshot here)

    You should *never* change the Genesis files.

    July 14, 2013 at 5:55 pm #50705
    lenz
    Member

    Actually that screen shot was what i was looking for - setting up the menu using that widget is not in the setup instructions and really should be. As simple as it was I dont feel that obtuse as when i did set up that widget it was aligning to the left under the site title! Still screwed up!

    Ok so i set the theme up multiple times with fresh downloads each time - i even went through and set it up with the sample data and it was still screwed up on all my installs except one! So moved both the Mocha and Genesis folders to the site where i want it to work and it worked... I had done some minor css editing so removed the copied Mocha and put my edited Mocha in its place and it finally works. There was something in the Genesis theme folder that was not letting the menu function properly...

    Just some weird glitch... Thanks for all the help!

    July 14, 2013 at 6:01 pm #50708
    Susan
    Moderator

    Hi, Lenz: I'm glad you were able to get it all resolved; you're right, though - the instructions talk about creating custom menus, but didn't tell you to put one in the header right.

    I'll go ahead and close this as "resolved" - let me know if you need additional assistance!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Mocha Theme Navigation’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble