Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 30, 2015 at 6:51 pm #511763
    daniejm

    Hi there,

    I’m experimenting with a few things on a new Enfold installation – looking to borrow visual cues I’ve seen on other sites that are not made with Enfold. Will likely be making several threads to uncover the limits of this theme. Great theme, by the way!

    My current header is Logo Left, Menu Right, non-sticky. I’m wondering if there’s a simple, CSS way to stack the navigation links into two rows without negatively impacting the mobile menu. Here is the desired layout (ignoring the icons):

    Photo link

    If not, I will consult with a freelance developer for more information. :)

    Thank you!

    – Joe

    October 1, 2015 at 7:13 am #511969
    Ismael

    Hi Joe!

    Thank you for using Enfold.

    Each menu item has its own unique id. You can find that id by viewing the page source: http://wpsites.net/tools/find-nav-menu-item-i-d/

    Use the id selectors to modify the menu items. If you can provide the link to the current page, we’ll provide the css modifications.

    Regards,
    Ismael

    October 1, 2015 at 1:27 pm #512146
    daniejm

    Hi Ismael,

    Thank you for your response!

    – Joe

    October 2, 2015 at 1:44 am #512500
    daniejm

    It’s been a rough day. I tore down the whole installation and had to start fresh. I’m still seeking a modification, but the new site is:

    October 2, 2015 at 7:53 am #512593
    Ismael

    Hi!

    Sorry for the delay. I checked the new page but you removed the main menu and then added a table so just try this in the old installation:

    #avia-menu li {
    float: left;
    width: 50%;
    display: block;
    clear: none;
    height: 50px;
}

    You can add the code in the Quick CSS field under General Styling panel.

    Regards,
    Ismael

    October 2, 2015 at 1:04 pm #512748
    daniejm

    Hi Ismael,

    That worked perfectly for the aesthetic. However, the link behavior is acting strangely.

    The top row of links is not clickable. For example: the Home button is above the About button. If you hover your mouse over the Home button, it directs to the URL of the About page. How can this be fixed?

    As a follow-up question, how can I move the nav to be more vertically aligned to the center of the header?

    – Joe

    • This reply was modified 9 years, 1 month ago by daniejm.
    October 3, 2015 at 7:35 am #513102
    Ismael

    Hey!

    Sorry if we close this thread without providing a solution. You can find the solution on the new thread. https://kriesi.at/support/topic/stacking-navigation-links-into-two-rows-2/#post-513101

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Stacking navigation links into two rows.’ is closed to new replies.