Skip to main content

Forums

This topic contains 1 reply, has 2 voices, and was last updated by  Paulie_D 4 days ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #287954

    Nogas
    Participant

    I have this simple menu with vertical separators: https://codepen.io/Nogas/pen/Mdmmpx
    What I need is a way to make the separator at the end of a line disappears when the viewport is smaller and the menu breaks in two or more lines.
    Was this clear?
    Can it be done?
    PS. THe menu itens here are only samples. IRW they will be dynamic generated.

    #287955

    Paulie_D
    Moderator

    At best you might use before instead and put it all on the left but that leaves you with a separator on the second line when the row breaks.

    Simply put, there’s no real dynamic method of doing this since CSS can’t detect breakage/overflow.

    Media queries would be a better option.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star