Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 18, 2021 at 11:13 pm #1301084
    vantagepointmg

    Hi there,

    It appears several of our menu items are looking like they are sub-menu items, even though they are not set that way.

    Menu Settings: https://ibb.co/g4S8sq6
    Menu Item Example 1: https://ibb.co/MVD98x2
    Menu Item Example 2: https://ibb.co/0CvjhsP

    We were previously working with the Kriesi team on some CSS settings for our main menu. Please reference the following replies:
    #1297049
    #1297314
    #1297633
    #1297715
    #1299737
    #1299770

    I have included the website login within the “Private Content” area. Your help is appreciated!

    May 20, 2021 at 5:59 am #1301314
    Ismael

    Hey vantagepointmg,

    Thank you for the inquiry.

    The issue seems to be happening for every fourth items in the dropdown. Did you add any custom css code with an nth-child selector?

    We tried to login to the site but the login account above seems to be invalid. Please check the info carefully.

    Best regards,
    Ismael

    May 20, 2021 at 6:07 am #1301318
    vantagepointmg

    Ismael,

    As far as the custom css goes, we’re you able to reference the replies I sent with the initial inquiry?

    See below for new ow.

    Thanks!

    May 21, 2021 at 9:16 am #1301550
    Ismael

    Hi,

    Thank you for the update.

    Unfortunately, we cannot access the previous threads based on the reply ID. You will have to provide the actual URL of the previous threads.

    And as expected, the issue is caused by this css code, which is using an nth-child selector.

    #top #header .av-main-nav li:nth-child(4) {
    margin-right: calc(100% - 500px);
}

    Best regards,
    Ismael

    May 21, 2021 at 3:24 pm #1301653
    vantagepointmg

    Ismael,

    Please review the previous thread here; https://kriesi.at/support/topic/center-menu-website-content/. That is the original thread, and Nikko was able to help using the CSS that’s now causing problems.

    I’m not sure why that specific code is causing the issues – is there a way to fix it? When I attempted to change 4 to a different number, it changed the number of menu items on either side – which is not what we want.

    Please advise.

    May 24, 2021 at 8:43 pm #1302090
    vantagepointmg

    Hello Ismael,

    Do you have any thoughts on this?

    Thanks!

    May 25, 2021 at 8:00 pm #1302279
    Ismael

    Hi,

    Sorry for the delay. You can replace the css code with this one to make sure that only the first level of the menu list is affected.

    #top #header .av-main-nav > li:nth-child(4) {
    margin-right: calc(100% - 500px);
}

    We just added the greater-than symbol before the li:nth-child(4).

    Best regards,
    Ismael

    May 25, 2021 at 10:06 pm #1302324
    vantagepointmg

    That worked! Thank you!!

    May 26, 2021 at 4:17 am #1302338
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Menu Items – Add more room?’ is closed to new replies.