Neve theme – Sub-menu – Styling problem

  • Resolved benoitmarie9

    (@benoitmarie9)


    4 years ago

    Hi,

    I am facing a problem regarding the styling of the sub-menu on one of my website using Neve theme.

    When I add the following css:

    .row .primary-menu-ul>.menu-item-has-children>.sub-menu {
    width: 1400px;
    }

    .row .primary-menu-ul .sub-menu li:first-child {
    padding-left: 1250px;
    }

    .row .primary-menu-ul .sub-menu li:last-child {
    padding-right: 1250px;
    }

    there are some inline css being automatically added and it ruins the sub-menu layout:

    <ul class=”sub-menu” style=”right: auto;left: 0;”>

    I have a website using Neve theme version 2.7.3 and the problem doesn’t appears whereas the one where the problem appears is using the version 2.8.2.

    Is this related to the theme version and is there a way to avoid this problem since I want to keep the theme version updated?

    I would really appreciate your feedback on that.

    Thanks in advance.

    Best regards,

    Ben

Viewing 2 replies - 1 through 2 (of 2 total)
  • Vytis

    (@bvytis)

    Hi @benoitmarie9,

    If you need to overwrite the styles of sub-menu that are added you can use !important at the end and add some styles like:

    ul.sub-menu {
 right:unset!important;
 left:unset!important;
}

    To remove the added styles or add some pixel values to move the sub-menu depeneding on your need.

    I hope it helps!

    Thread Starter benoitmarie9

    (@benoitmarie9)

    Hi @vytis,

    This approach wasn’t working before.
    However I updated the theme and now it is working fine. I managed to overwrite the styling thanks to your approach.

    Thanks a lot for your feedback,

    Best regards,

    Ben

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Neve theme – Sub-menu – Styling problem’ is closed to new replies.