Neve menu & sub menu dropdown alignment

  • Resolved yourgoodjuju

    (@yourgoodjuju)


    3 years, 10 months ago

    Hello and thank you in advance for assistance!

    I am using the free Neve theme.

    I want to align the “Our Products” primary drop down menu to the right, and the submenus to the left.

    I can’t seem to isolate the two with CSS. The theme documentation worked great, but it’s either both menus to the left, or both to the right.
    https://docs.themeisle.com/article/1145-how-to-align-submenu-items-to-the-left-side-in-neve

    I wanted to note that when justified to the right, the carat icon always starts on a new line. I also could not figure out how to fix that (any help appreciated)

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

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi @yourgoodjuju,

    This code should do the trick.

    .primary-menu-ul .sub-menu li a {
    justify-content: left !important; }
    .primary-menu-ul:not(.sub-menu) > li:nth-child(2) {
    justify-content: right !important;}

    Let us know if this worked for you.

    • This reply was modified 3 years, 10 months ago by danamv.
    Thread Starter yourgoodjuju

    (@yourgoodjuju)

    Hey @danamv thank you for the response. I tried the code but both menus are still left justified.

    I’m hoping to have the primary drop down menu (WaterGuard Products, Products for Shingles, etc.) right justified, and the submenus left justified.

    Thanks!

    Hi @yourgoodjuju,

    Try the following code instead:

    .primary-menu-ul .sub-menu li a {
    justify-content: right
    !important; }

    .primary-menu-ul .sub-menu ul a {
    justify-content: left
    !important; }

    Let us know if it worked.

    Thread Starter yourgoodjuju

    (@yourgoodjuju)

    Hey @danamv – tried that one and both sets of menus are still left justified.

    Hi @yourgoodjuju,

    This CSS should work for you and align content in the primary dropdown to the right (the submenu of that primary dropdown is already left aligned):

    .primary-menu-ul .sub-menu li a {
    justify-content: flex-end;
}

    I hope it helps!

    Thread Starter yourgoodjuju

    (@yourgoodjuju)

    @bvytis that worked. Thanks a bunch!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Neve menu & sub menu dropdown alignment’ is closed to new replies.