Menu – Arrows offset

  • Hi to all !

    I have a simple problem.
    If ever a problem can be called simple. ??

    In my WordPress web site, made with Chosen Gamer,
    a little anomaly happened in the upper main menu,
    making all of the arrows appear offset.

    I do not know where to look in the code,
    but it may be a little adjustement.

    I could expose the possible cause, but it would deviate from the subject.
    I use Edge to navigate, but it appears the same on Chrome.
    It was right at first, so I do not see the theme in cause.

    If any of you has a hint about how to fix this little display problem,
    I would especially appreciate.

    Thank you beforehand !

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi there,

    Thanks for using Chosen Gamer! I’m sorry for the visual glitch with the menu.

    Please try adding the following CSS to your site and let me know how it works for you:

    @media (min-width: 56.25em) {
  .menu-primary li {
    margin: 0 18px 0 0 !important;
  }
  .toggle-dropdown {
    margin-left: 6px !important;
  }
}

    You can copy and paste that code into the Additional CSS section in the Live Customizer (Appearance > Customize), and it will take effect right away.

    Thread Starter Cinetiste

    (@cinetiste)

    Hi !

    Firstly, thank you for your answer,
    quick, clear and ready to apply.

    Secondly, I precise that your model is well realised.
    The disadjustment has come from an other source.

    Thirdly, I applied your solution, which works well !
    This exact part worked instantly, the menu arrows are now well placed !

    This said, if I may a last question, once inside the dropdown menus,
    the arrows of the sub-menus are a bit close to the longest word.
    Would you know which margin to adjust ?

    Thank you again for your useful answers.
    It is generous of you !

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome ??

    Try adding this CSS too and let me know if that works well for you:

    @media (min-width: 56.25em) {
  .menu-primary-items .menu-item-has-children .menu-item-has-children > a + button {
    right: -12px !important;
  }
  .menu-primary-items .menu-item-has-children .menu-item-has-children > a:hover ~ ul,
.menu-primary-items .menu-item-has-children .menu-item-has-children > a ~ ul:hover
    left: calc(100% + 14px)
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu – Arrows offset’ is closed to new replies.