Hi,
I posted this in comp.infosystems.www.authoring.stylesheets but no
answer ...
I will like to improve my style sheet.
Here it is ...
https://www.dalekelly.org/mystyle.css
Here is my website ...
https://www.dalekelly.org/
I have unique styles in it for computers, tablets, and phones.
On computer sizes the main menu is on the left.
On tablet sizes the main menu is horizontal across the top.
On phone sizes the main menu is top to bottom.
On phones it seems like the menu is too long. Too many selections.
I am thinking of new menus.
Any thoughts of a new style sheet handling?
On Thu, 20 Apr 2023 11:03:02 -0400, dale wrote:
Hi,
I posted this in comp.infosystems.www.authoring.stylesheets but no
answer ...
I will like to improve my style sheet.
Here it is ...
https://www.dalekelly.org/mystyle.css
Here is my website ...
https://www.dalekelly.org/
I have unique styles in it for computers, tablets, and phones.
On computer sizes the main menu is on the left.
On tablet sizes the main menu is horizontal across the top.
On phone sizes the main menu is top to bottom.
On phones it seems like the menu is too long. Too many selections.
I am thinking of new menus.
Any thoughts of a new style sheet handling?
Most mobile layout sites would use one-row scrollable nav. Taking advantage >of touch input. i.e. add these:
ul.sidenav {
display: flex;
}
If all nav links must be visible, then make it two columns. i.e. ad these:
ul.sidenav {
display: flex;
flex-wrap: wrap;
}
ul.sidenav > li {
width: 50%;
}
https://www.dalekelly.org/[...]
On phones it seems like the menu is too long. Too many selections.
| Sysop: | Keyop |
|---|---|
| Location: | Huddersfield, West Yorkshire, UK |
| Users: | 491 |
| Nodes: | 16 (2 / 14) |
| Uptime: | 140:21:00 |
| Calls: | 9,693 |
| Calls today: | 3 |
| Files: | 13,728 |
| Messages: | 6,178,161 |