Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 10, 2018 at 11:30 pm #925097
    fabienneRedUmb

    I want to achive the following:
    I want to adjust the main navigation under my logo.
    All menu items shall be uppercase, I want the surrounded with a 3px border in #fff
    All menu items have the same size and are spaced evenly across the page. .
    Active and hover menu items change to a white background, a #ccc font color and a 3px solid border in #d8d920.
    I tried to tinker with #avia-menu > li.page_item.menu-item.page-item-2 and #avia-menu > li.menu-item.current-menu-item > a, but I couldnt get the desired result.
    i am working on localhost, so I dont have alink.
    Any hints or hints to necessary css selectors appreciated.

    March 14, 2018 at 5:10 am #926384
    Ismael

    Hey fabienneBESD,

    Thank you for using Enfold.

    We need to know the current layout of the site. Please update us once the site is live. For now, you can play around with the menu style in the Enfold > Advanced Styling panel. Edit the “Main Menu Links” element.

    Best regards,
    Ismael

    April 25, 2018 at 4:15 pm #946668
    fabienneRedUmb

    I worked out most of the issues.
    The only one left I couldnt tackle so far is to perfectly center the font in the frames horizontally and verticly.

    April 27, 2018 at 7:43 am #947683
    Ismael

    Hi,

    Thank you for the update.

    Use the following css code to adjust the vertical position of the menu items.

    .avia-menu-text {
    top: -5px;
    position: relative;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.