Hello and happy new year everyone!
Is there a CSS style that I can add to Disable sticky menu in Mobile view?
Thanks ahead of time for anyone's help.
What theme do you use?
Hello and happy new year everyone!
Is there a CSS style that I can add to Disable sticky menu in Mobile view?
Thanks ahead of time for anyone's help.
Hello!
You can try to add hidden-phone class for the appropriate block in the block manager.
Hello!
You can try to add hidden-phone class for the appropriate block in the block manager.
It will completely hide the block. As far as I understand, al-bert just wants to remove "sticky" effect
Exactly, I didn't want to hide it, just wanted to disable "sticky" effect.
I had a problem displaying all the sub-categories using mobile, it seems I had too many sub-categories and I couldn't see them all in mobile view because menu was stuck at the top and I couldn't scroll the menu down any further.
What I did, was, add an additional Menu block (For mobile use).
Then using eCom's Additional Block Settings addon, in my Bright theme, I set one menu for desktop & tablet use and for the second menu, I enabled it for mobile use only .......seems to work!! :mrgreen:
I also tried using the visible-phone class in one menu, and the hidden-phone class on the other, If I remember right, that worked too, but in the end, I used the add-on.
Not sure which would be best choice to use though ....I appreciate your time and suggestions guys!
Exactly, I didn't want to hide it, just wanted to disable "sticky" effect.
I had a problem displaying all the sub-categories using mobile, it seems I had too many sub-categories and I couldn't see them all in mobile view because menu was stuck at the top and I couldn't scroll the menu down any further.
What I did, was, add an additional Menu block (For mobile use).
Then using eCom's Additional Block Settings addon, in my Bright theme, I set one menu for desktop & tablet use and for the second menu, I enabled it for mobile use only .......seems to work!! :mrgreen:
I also tried using the visible-phone class in one menu, and the hidden-phone class on the other, If I remember right, that worked too, but in the end, I used the add-on.
Not sure which would be best choice to use though ....I appreciate your time and suggestions guys!
This is a good solution to use different blocks for mobile and desktop, because it is really not necessary to show a lot of information on mobile, but just the main points.
Exactly, I didn't want to hide it, just wanted to disable "sticky" effect.
I had a problem displaying all the sub-categories using mobile, it seems I had too many sub-categories and I couldn't see them all in mobile view because menu was stuck at the top and I couldn't scroll the menu down any further.
What I did, was, add an additional Menu block (For mobile use).
Then using eCom's Additional Block Settings addon, in my Bright theme, I set one menu for desktop & tablet use and for the second menu, I enabled it for mobile use only .......seems to work!! :mrgreen:
I also tried using the visible-phone class in one menu, and the hidden-phone class on the other, If I remember right, that worked too, but in the end, I used the add-on.
Not sure which would be best choice to use though ....I appreciate your time and suggestions guys!
You could've also just used a media query and added a class to the block instead of adding a few hundred extra dom elements:
.not-sticky-on-mobile {
position: initial;
}
@media only screen and (min-width: 480px) {
.not-sticky-on-mobile {
position: fixed;
}
}
Thanks for the help guys!