[Resolved] Sub Menu Dropdown Arrow Positioned Incorrectly

Home Forums Support [Resolved] Sub Menu Dropdown Arrow Positioned Incorrectly

Home Forums Support Sub Menu Dropdown Arrow Positioned Incorrectly

  • This topic has 5 replies, 3 voices, and was last updated 4 months ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2178947
    Anthony

    I can’t seem to figure out why the dropdown arrow is lower on my submenu here.

    https://gsparcel.com/

    Under Products > Other. The arrow next to “Other”, seems to be a bit low?

    Thanks

    #2178974
    Ying
    Staff
    Customer Support

    Hi Anthony,

    It’s because of this CSS you added:

    .main-nav .gp-icon svg {
        color: #6ea1ce!important;
        height: 2em!important;
        width: 2em!important;
        top: 0.55em!important;
    }

    The SVG icon was 1em x 1em by default, you changed it, so it’s not align with the text anymore.

    Try adjust the top value 0.55em to maybe -0.3em?

    #2179759
    Anthony

    When I change the Top value it moves the main menu dropdown arrows as well. Can I just adjust the sub-menu dropdown arrow?

    See here: https://snipboard.io/b6CWae.jpg

    #2179770
    David
    Staff
    Customer Support

    Hi there,

    change your CSS to:

    .main-nav .dropdown-menu-toggle .gp-icon svg {
        color: #6ea1ce!important;
        height: 2em!important;
        width: 2em!important;
        top: 0.55em!important;
    }

    That will apply only to the dropdown toggles

    #2180017
    Anthony

    Thank you!

    #2180032
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.