richard999

I have partially solved my problem and will open a pro support ticket to fully resolve.

Hi Tom, I ended up purchasing Max Mega Menu and have set up two tabbed mega menus. The longer sub-menus now scroll properly and I frankly think are more friendly to the user.

However, I have two concerns. One is that the scroll-bar width varies from browser to browser, some very thin, some wider than I would like, some looking nicer than others. Is there CSS which would force the same width across all browsers?

Second I have set up a search box on the menu bar. The search icon has a background color different than that of the menu bar. However, I don’t see a way to vertically center the icon with the differing color. Can it be done?

Richard

That did the trick, Tobias! Thanks so much.
Richard

I’ve done some further testing. What happens is that the table scrolls up behind the fixed header. If the offset from the top menu leaves a sizable gap, you can see the header row on the table scrolling up behind the fixed header. If I set the offset so that there is only a 1px gap below the menu bar, the problem is basically eliminated. If I set the offset to eliminate the gap completely, then the fixed header comes up while the header row of the table is still well below the fixed header, creating a double header affect. Unless there were a different solution, the 1px gap is suitable.

Yes, or to have all columns simultaneously sorted alphabetically. I guess I’ll have to move entries manually when new entries are needed, as I don’t see a way to insert a single cell in a column, in contrast to adding an full row.

Thanks for your quick reply.

I’ve turned on sorting for visitors so you can see the problem.

Sorting is turned off for the viewer. I want to be able to organize alphabetically when adding items to the appropriate column so that the viewer will see an alphabetical list.

Yes, that’s what I was looking for. Thank you for your quick response.

It also works by setting up the code in this manner, making it easier to see what’s going on, and for adding additional entries as needed:

#story-1800 h2.content-title a,
#story-1801 h2.content-title a,
#story-1205 h2.content-title a,
#story-113 h2.content-title a,
#story-400 h2.content-title a {
cursor: text !important;
}

That works! Thanks for solving the problem. I do have a followup question about the custom CSS code, my not having knowledge of CSS syntax. Is it possible to list ids for several stories in one code entry, or do I need to repeat the full code for each story?

Yes, the custom css does change the cursor to the vertical text indicator. However, it disables all the titles in the timeline, not just those that I specifically want to disable. Adding “[none]” to the custom link in those story titles that I specifically want to disable, leaves the other story titles active. I just want the cursor to reflect that status to the viewer while leaving the other titles active with the finger cursor.