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

    Hi,
    how are you?
    I have a menu with 4 entries in the top bar of our website https://climbingsocks.com
    Is there a way to reduce the displayed entries to one entry on mobile screens.
    In the following image I have highlighted the entry I would like to keep. I would like to hide the other 3 entries in the top bar on mobile screens.

    Thank you very much for your further help.
    Magnus

    #1292172

    Hey ClimbingSocks,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    #header_meta #menu-item-4546, #header_meta #menu-item-4548, #header_meta #menu-item-4550 {
      display: none;
    }
    }

    Best regards,
    Rikard

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.