Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1300776

    Hi,

    My client wants to have some kind of second menu but not sure how to go about this in Enfold.
    It should look like attached menu to the left with the button style menu. What´s the best solution for this in Enfold?

    Regards,
    Roger

    #1300836

    Hi Roger,

    You can do the following steps.
    1. Go to Appearance > Menus, then create a Sidebar Menu and add items to it.
    2. Go to Appearance > Widget, create a Widget Area then add a Navigation Menu widget inside it and select the Sidebar Menu you have created.
    3. Go to the page, Add a Widget element (under Content) then assign the Widget Area you have created.
    Hope this helps :)

    Best regards,
    Nikko

    #1300913

    Thank you Nikko,

    Nice, now I have a second menu!
    But I cannot find a way to style it. What CSS do I need to make it look like the example?

    Regards,
    Roger

    #1300945

    Hi Roger,

    You’re welcome :)
    Can you give us a link to your page with the second menu? so we can give some CSS code that should work.
    You can post it in private content if you don’t want the link to be shown by the public.

    Best regards,
    Nikko

    #1300951

    Sure, posted as private.

    I also have another issue on the same site. Maybe you can look at it at the same time?
    It’s a 4 column grid with an image, special heading and textblock. For some reason there’s no space between the image and the special heading. No matter what I change the top margin to for the special heading. I also tried a whitespace but that increases the the margin to like 100px, even though I set it to -150px. Posted a link to that page as well. You can see what it looks like with the white space versus setting the top margin of the special heading to 50px. None of them is ok.

    Regards,
    Roger

    #1300985

    Hi Roger,

    Thanks for giving the link.
    Please add this CSS code in Enfold > General Styling > Quick CSS:

    #top #wrap_all .widget_nav_menu .menu li {
        border: none;
        margin: 0 0 4px 0;
    }
    
    #top #wrap_all .widget_nav_menu .menu li a {
        padding: 12px 27px;
        background-color: #eee;
        font-weight: 700;
        color: #444;
        -webkit-transition: background-color .1s ease-out;
        transition: background-color .1s ease-out;
        text-decoration: none;
    }
    
    #top #wrap_all .widget_nav_menu .menu li a:hover {
        background-color: #e2e2e2;
        text-decoration: none;
    }
    
    #top #wrap_all .widget_nav_menu .menu li.current_page_item a {
        background-color: #c00525;
        background-repeat: no-repeat;
        background-size: 9px 9px;
        background-position: 93% center;
        color: #fff;
    }

    Best regards,
    Nikko

    #1300986

    Hi Roger,

    For your other issue, I tried to do the same setup but I can’t seem to reproduce the issue.
    Can you give us temporary admin access? so we can check on it.
    Just post the credentials in private content.

    Best regards,
    Nikko

    #1300992

    Hi again Nikko,

    Wow, that’s fast and very precise, the second menu looks perfect!

    On the other issue.
    I disabled all the custom CSS to see if I had done something to cause the problem but still the same. Unfortunately I’m a sub contractor on this site and cannot provide any credentials as of yet.

    BUT..I just kinda solved the problem :) Not that I know what caused this yet, but I deleted all the 4 columns and copied one from another another page instead. And now it looks good.

    So thank you again for great support! This is why I’ll probably never use another WP-theme than Enfold :D
    You can close this thread now.

    Regards, Roger

    #1300995

    Hi Roger,

    It’s a pleasure to help you :)
    Thanks also for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Second menu question’ is closed to new replies.