modern portfolio menu

Community Forums Forums General Discussion modern portfolio menu

This topic is: not resolved

This topic contains 22 replies, has 4 voices, and was last updated by  Andrea Rennick 1 year, 4 months ago.

Viewing 15 posts - 1 through 15 (of 23 total)
  • Author
    Posts
  • #27753

    szoumbaris
    Participant
    Post count: 16

    The upper right custom menu for the modern portfolio theme is installed and working. With imported demo content, it sat about middle left next to the logo. The instructions call for a css class for the menu but then don’t say what it is. I did some firebug and thought I had it fixed with a class of genesis-nav-menu placed in the menu css classes option area. I added that for all menu choices but that only fixed the font appearence not the menu alignment which is stacked on top rather than across. The site is: http://www.greengarderjournal.com.

    Any ideas would be appreciated. I found a few references on the web about editing the style sheet and inline:block but I don’t want to spend tons of time testing different things, I’ve already spent quite a while getting this up. Thanks.

    #27912

    asdweb
    Participant
    Post count: 105

    If you remove this, the links become horizontal.

    .genesis-nav-menu {
    clear: both;
    overflow: hidden;
    }


    Amy Susan Design.com @AmySusanDesign

    #28005

    szoumbaris
    Participant
    Post count: 16

    Thank you very much asdweb, that did the trick. Here is what I got back from studiopress support, see if you can understand how what Andrea says will help me with this problem:
    Hi;

    The theme tutes here:

    http://my.studiopress.com/setup/modern-portfolio-theme/

    do refer to the menu classes.

    Specifically this section, where it says ‘linkclass’:

    <span><a class=”linkclass” href=”http://demo.studiopress.com/modern-portfolio#about“>http://demo.studiopress.com/modern-portfolio#about</a>

    Andrea
    I don’t think they even read the post or looked at the site! What is your take on this?
    Thanks again,
    Scot

    #28020

    asdweb
    Participant
    Post count: 105

    Sometimes we overlook something in the instructions to set up themes to get it working like the demos. In this case, she is offering you a generic means to rectify the problem by replacing linkclass with a specific class i.e. link-horizonal (if you wanted to call it that) to make something DO something specific via css.

    In your case, it was just extraneous code that was making your custom menu not do what you wanted. And I’m glad we got it sorted out.


    Amy Susan Design.com @AmySusanDesign

    #28189

    Andrea Rennick
    Keymaster
    Post count: 1041

    Amy – out of the box the theme should not need any theme css changes.

    The extra menu class was not for styling horizontally. That should work out of the box. It did work as expected in my tests.

    If a new copy is not doing that, then we need to know.

    The class for the above was for the jump links on the menus.


    **forum signature**
    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

    Twitterholic

    #28258

    szoumbaris
    Participant
    Post count: 16

    For future visitors the correct site address is http://www.greengardenjournal.com. The menu is now working properly with the change that asdweb advised. The original response from support had nothing to do with the menu formatting being correct, I was being informed that the formatting had always worked correctly and should be now. The link class was to make the custom menu links to work properly. Not a very helpful response, had it not been for  asdweb, I’d still be looking for answers. Thanks again asdweb!

    #28382

    asdweb
    Participant
    Post count: 105

    Thanks for the shout out szoumbaris!

    Andrea- we’ll let you know if we find kinks in the always awesome code that comes out of the box. So far I haven’t found any!


    Amy Susan Design.com @AmySusanDesign

    #30632

    rusticrick
    Participant
    Post count: 15

    I’m having the same problem as this. Both the header and primary navigation menus are aligned vertically.

    If I remove

    .genesis-nav-menu {
    clear: both;
    overflow: hidden;
    }

    The list becomes bulleted and is still aligned vertically.

    If I remove the ‘clear:both’ it solves the problem for the header menu, but not primary navigation. Furthermore the menu order is reversed, so contact shows first on the left and about is on the far right. This isn’t so much of a problem as I can simply rearrange the menu order.

    The CSS class that I am using for both is genesis-nav-menu, is this correct?

    #30638

    rusticrick
    Participant
    Post count: 15

    Forgot to post the link to my site earlier, here it is

    http://blackmirrors.co.uk/

    #30653

    Andrea Rennick
    Keymaster
    Post count: 1041

    On the demo site, we did not use the primary or secondary nav menus at all.

    If you do wish to, you can take the css from Genesis and paste it in the style sheet for Modern Portfolio.


    **forum signature**
    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

    Twitterholic

    #30837

    rusticrick
    Participant
    Post count: 15

    Andrea,

    Can you explain to me how the primary menu on http://demo.studiopress.com/modern-portfolio/blog-1/ is configured please?

    Perhaps then I can understand how to configure it on my homepage.

    #30847

    Andrea Rennick
    Keymaster
    Post count: 1041

    As outlined in the instructions:

    http://my.studiopress.com/setup/modern-portfolio-theme/

    we used a custom menu widget in the header right widget area.

     

     


    **forum signature**
    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

    Twitterholic

    #30848

    Andrea Rennick
    Keymaster
    Post count: 1041

    Actually, we did use the primary nav slot as well – it’s just hidden on the home page.

    On my messy test site, it works exactly as shown.


    **forum signature**
    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

    Twitterholic

    #30861

    rusticrick
    Participant
    Post count: 15

    I’m not sure what I’m doing incorrectly to configure the primary menu then. Regardless of whether I have it showing on the homepage or not, it doesn’t align properly.

    I have activated primary menu in genesis settings, imported demo content and used the primary menu provided. I am using genesis-nav-menu as the CSS class, should it be something else?

    #30862

    Andrea Rennick
    Keymaster
    Post count: 1041

    You don’t need any classes added out of the box. No code to make it look like the demo, as always. Remove whatever code you added so I can see it.

    This should be a help desk ticket rather than a forum thread, as it deals with the theme out of the box – not making custom changes.


    **forum signature**
    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

    Twitterholic

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

You must be logged in to reply to this topic.