Hello, team tagDiv.
The menu item FOR LIFE in music and life demo doesn’t work as expected. Below a certain viewport width, the instrument section and the two articles requires vertical scrolling to be found. It’s unscrollable/(sticky?). The viewport width I tested it on is landscape mobile (real device not td composer).
Is it same for everybody else as well?
Hello @pratiek!
A workaround there could be to edit the tablet viewport, click on the Header menu -> Mega menu tab and set a container width 100 % & content width 100%.
Hope that helps you!
Thank you!
Tablet viewport width is already set at 100%. It’s the height part that’s problemtic. I want the menu to scroll if the content doesn’t fit inside the viewport in terms of width. I am not opposed to scrolling—I want it. But it just doesn’t scroll.
Suppose, I have a page that displays some stuff in 8 small sections and I set this page to show up in menu(putting the id of page in menu item). What happens is that on desktop it will open fine showing 4 sections per row. On tablet/landscape mobile you want it to scroll down till the last section because you’re showing one section per row, but it just won’t scroll. I can’t figure out why.
If your screen is 1000px tall and the menu items are 1400px tall, the extra items in that 400px would not appear because you can’t scroll. Width is not the issue, height is.
Another example is the tagDiv popup builder which is great. If you display page content in popup, doesn’t matter how long the page is, it will let you scroll down to the very bottom till the last piece of content but in menu it is not possible or atleast I’ve been unable to achieve it.
You can emulate the issue on your side—
1. Go to this demo-https://demo.tagdiv.com/newspaper_music_life_pro/
2. Open the browser inspection tool.
3. Select iPad Air as the device or set 820 as width if the device option is unavailable.
4. Click on arrow icon beside FOR LIFE menu item (not the menu item itself, it would redirect).
You would find that a lot of menu content is below the screen/viewport height but you can’t access it because it doesn’t let you scroll down.
Hello @pratiek!
Add this CSS code:
.tdb-mega-menu .sub-menu .tdb-menu-item-text{
height: 500px;
overflow-y: auto;}
Thank you!
So that’s a bug, it means.
Alright!
