Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1226873

    Hello,

    I would like to make a menue bar (Untermenue) invisible for small mobile devices.

    Please have a look at the small blue menue bars at: https://waterclimbing.com/referenzen/

    I will be happy for help. Thanks in advance

    #1226878

    Hey Kritzfred,

    https://share.getcloudapp.com/KouBjqbL I am seeing the submenu here. How do you want to show it?

    Best regards,
    Victoria

    #1227147

    Hello Victoria,

    yes, that is the menue bar.
    I don´t want to change it, I just want to hide it for small mobile devices, eg. smaller than 767px.
    (Same responsibility feature, like it is possible with the color sections.)

    Thanks in advance.

    #1227364

    Hi,

    Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    .page-id-4366 #sub_menu1 {
      display: none;
    }
    }

    Best regards,
    Rikard

    #1227411

    Hi Rikard,

    thanks! This is working, but now it shows an empty container instead.

    How can I hide all (menue bar and the container behind)?

    Best regards

    #1227665

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 767px) {
    .page-id-4366 .sticky_placeholder {
      display: none;
    }
    }

    Best regards,
    Rikard

    #1227740

    Hi Rikard,

    now it´s working. Thanks! You may close the topic.

    Best regards.

    #1227980

    Hi,

    Great, I’m glad that you got it working and thanks for the update. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to make a menue bar (Untermenue) invisible for small mobile devices’ is closed to new replies.