Problem with order in the main menu items

  • Resolved Jota

    (@burusa1)


    5 years ago

    Hello!

    In the main menu of my website, I need to move the “Login” item to the right at the end of the bar and I haven’t found a way to do it because the shopping cart and search icons prevent me from doing it.

    Could you please tell me how to do it?

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Amit Singh

    (@apprimit)

    Hello,

    Try adding the below code to the Customize > Custom CSS section to change the login link position – 

    ul#menu-main-menu {
    display: flex;
}
li#menu-item-1468 {
    order: 9;
    -webkit-order: 9;
}
ul#sidr-id-menu-main-menu-1 {
    display: flex;
    flex-direction: column;
}
li.sidr-class-menu-item.sidr-class-menu-item-type-post_type.sidr-class-menu-item-object-page.sidr-class-menu-item-1468 {
    order: 7;
    -webkit-order: 7;
}
    Thread Starter Jota

    (@burusa1)

    Excellent! It worked as requested.

    Thank you very much Amit Singh. @apprimit

    Topic solved.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Problem with order in the main menu items’ is closed to new replies.