Archived topic

Customize menu item on sticky navigation

3 replies · Started by FunkyCss on September 13, 2021

Viewing posts 1–4 of 4

September 13, 2021 at 1:42 am #1928516

Hallo there,

I would like to ask if you can help me to customize my first item menu in the sticky navigation to go nexto logo, all other menu items to be like it is.

Thanks in advance

September 13, 2021 at 9:54 am #1929179

Hi there,

Try this CSS:

#sticky-navigation .inside-navigation .navigation-branding {
    margin-right: 0;
}
#sticky-navigation div#primary-menu {
    width: calc(100% - 80px);
}

Let me know :)

September 16, 2021 at 2:36 am #1932323

Hi Ying,

Thank you a lot for your response and help, This css is super useful actually as I thought it would impossible to take that div part there.

But I Was curious, if is possible only the first li item of the menu to be on the left.

September 16, 2021 at 9:14 am #1932844

Hi there,

Can you try give this CSS a try:

#sticky-navigation div#primary-menu> ul > li:nth-child(2) {
    margin-left: auto;
}

If it doesn't work, can you provide your site link again?
Your site info has been erased since the topic is marked as Resolved.

Thanks :)

This archived topic is closed to new replies.

Start building better websites today.