Skip to main content

Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

  • This topic is empty.
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.

    https://codepen.io/anon/pen/VObWLy#anon-login

    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)
  • The forum ‘CSS’ is closed to new topics and replies.