[Resolved] Remove indentation from submenu dropdowns

Home Forums Support [Resolved] Remove indentation from submenu dropdowns

Home Forums Support Remove indentation from submenu dropdowns

  • This topic has 4 replies, 2 voices, and was last updated 3 years ago by Leo.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #550027
    Nick

    Hi,
    I have been struggling with removing the indentation from the dropdowns in the main navigation submenu. The dropdowns move outside of the submenu ul by about 10px.
    I cannot find any margin, padding or positioning that is affecting the placement of the submenu ul’s child ul’s in this way.
    I want all the ul’s to sit within the submenu ul.
    Thanks.

    #550033
    Leo
    Staff
    Customer Support

    Hi there,

    The indentation in the submenu is added by this CSS in your custom CSS:

    .main-navigation .main-nav ul li {
        margin-left: 10px;
        margin-right: 10px;
    }

    Removing it should fix that.

    Let me know if this helps.

    #550034
    Nick

    All good, I fixed it. It’s funny how when sometimes when you define a problem more clearly by writing it, the solution suddenly comes to mind.

    .sub-menu {overflow-x: hidden;}

    #550038
    Nick

    Oh, right. Sorry, didn’t see that reply.
    Thanks, I didn’t realise that CSS was not a part of the original Generatepress code as someone else has been working on this before me.
    Much appreciated.

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