Tagged: mobile devices
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
Hey Kritzfred,
https://share.getcloudapp.com/KouBjqbL I am seeing the submenu here. How do you want to show it?
Best regards,
Victoria
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.
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
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
Hi,
Please try this CSS as well:
@media only screen and (max-width: 767px) {
.page-id-4366 .sticky_placeholder {
display: none;
}
}
Best regards,
Rikard
Hi Rikard,
now it´s working. Thanks! You may close the topic.
Best regards.