Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 13, 2021 at 9:23 am #1300075
    isarkai

    Dear Kriesi Support Team,
    you helped me styling the rounded button – thank you.
    Can I make the buttons smaller like the screenshot, about 8 px top + button, 10 px left + right.
    https://www.liedtke-kern.de/download/navigation-edit.jpg

    Best regards
    Manfred

    May 13, 2021 at 10:25 am #1300091
    Nikko

    Hi Manfred,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    #top #wrap_all .av-menu-button-colored a {
    line-height: 36px;
    height: 36px;
}

#top #wrap_all .av-menu-button-colored .avia-menu-text {
    padding: 0;
}

    Best regards,
    Nikko

    May 13, 2021 at 3:07 pm #1300166
    isarkai

    Hi Nikko,
    thanks, it works.
    It looks much smarter, but due to uppercase letters the space above the letters is smaller than below the letters. Is there any way to fix that?

    And another question:
    i activated sticky header with shrinking logo but i would prefer to only fix the navigation and scroll the logo out,

    Best regards
    Manfred

    May 14, 2021 at 9:14 am #1300278
    Nikko

    Hi Manfred,

    You’re welcome, can you try to replace this code I gave:

    #top #wrap_all .av-menu-button-colored .avia-menu-text {
    padding: 0;
}

    with:

    #top #wrap_all .av-menu-button-colored .avia-menu-text {
    padding: 0;
    position: relative;
    top: 2px;
}

    Hope it helps.

    Best regards,
    Nikko

    May 14, 2021 at 10:28 am #1300292
    isarkai

    Hi Nikko,
    works perfect, thank you.

    Do you have any idea concerning the sticky header question?

    best regards
    Manfred

    May 14, 2021 at 3:39 pm #1300347
    Nikko

    Hi Manfred,

    Can you try adding this CSS code in Quick CSS and see if it helps:

    #top #header.header-scrolled .av-logo-container {
    display: none;
}

    Best regards,
    Nikko

    May 14, 2021 at 10:08 pm #1300428
    isarkai

    Hi Nikko,
    thanks, it works, but the motion is not smooth.
    We will show both variations and our client has to decide.

    But now i have a Problem with the submenu (below “KONTAKT”)
    the typo should be centered…,

    best regards
    Manfred

    May 17, 2021 at 3:43 am #1300619
    Nikko

    Hi Manfred,

    I see, can you try adding this CSS code as well:

    #top #header .main_menu ul:first-child > li > ul.sub-menu {
    border-top: none;
    padding-top: 8px;
}

#top #header .sub-menu a {
    padding-top: 0;
    padding-bottom: 0;
}

    Best regards,
    Nikko

    May 17, 2021 at 10:16 pm #1300818
    isarkai

    Hi Nikko,
    perfect, great support,
    thank you very much!

    Best regards
    Manfred

    May 17, 2021 at 11:26 pm #1300822
    Nikko

    Hi Manfred,

    You’re welcome :)
    We’re glad that we could help.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Style Main Navigation buttons’ is closed to new replies.