Help removing text from menu, leaving just symbols like mobile?

Started by Random Username, January 27, 2023, 05:30:44 AM

Previous topic - Next topic

Random Username

Hey, I still have a problem on mobile. When logged out, the menu items are listing down the screen instead of across it.  Sigh. This menu is going to kill me. ;)

Thanks again!!You cannot view this attachment.

Antechinus

Quote from: Kindred on January 27, 2023, 08:32:51 AMIt's a bad idea, because not all users are visually cued by icons.
It's done on Mobile devices because the space savings is more important,  but on a screen that has the space,  icon+words is best...
TBH, I find that most of the time icons just get in the way of scanning the menu, but it depends how many items there are. If there are only a few, icons are ok. If there is a list of a dozen items, I'd rather just have the text.

Random Username

I haven't decided whether to keep the icons only. I thought the problem was because the menu was too crowded. It seems that isn't the case. I just don't want to mess with the code until I find a solution. I probably will use both text and icons.

TwitchisMental

#23
Quote from: Random Username on January 28, 2023, 06:30:49 AMHey, I still have a problem on mobile. When logged out, the menu items are listing down the screen instead of across it.  Sigh. This menu is going to kill me. ;)

Thanks again!!tempFileForShare_20230128-062650.2jpg.jpg
To be fair this is the way it is designed since it is for mobile.. Making this left to right is most likely not going to fit horizontal wise on mobile devices.

If you must do this using display: inline for the dropmenu li is what you would need to do in the responsive css.

Random Username

I hear what you're saying. If it doesn't fit, I have another idea. I added this to the bottom of responsive.css but it didn't work:
.dropmenu li {
    display:inline;
}

Random Username

So, this is resolved. My developer made a toggle to make the menu go on and off screen.

Thank you for all the help!

Advertisement: