Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #925097

    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.

    #926384

    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

    #946668

    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.

    #947683

    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

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