Menu aligned on the left and responsive options
Hi,
I love having a menu on the left side of the screen on computer screens.
However, I currently have a problem with how the ergonomics work when swapping on a smaller screen (a mini-computer for example) : when reducing the window, the menu becomes a top menu with only one "hamburger" icon, this time on the "right". I tried to see in the option if it were possible to change that.
What I want to achieve and would, to me, make the most sense in terms of ergonomics :
_ On large screens, having a left menu exactly as it currently is.
_ On 1236px-large screens (where the "breaking point" currently is from one design to another) to 950px (roughly) : having a top menu showing the menu item names (there aren't many of them, I'm pretty sure it'd fit).
_ On tablets and mobiles : having a "hamburger" icon, ideally placed on the left side instead of the right side.
How best to achieve at least some of this ?
All the best,
JoQe
I love having a menu on the left side of the screen on computer screens.
However, I currently have a problem with how the ergonomics work when swapping on a smaller screen (a mini-computer for example) : when reducing the window, the menu becomes a top menu with only one "hamburger" icon, this time on the "right". I tried to see in the option if it were possible to change that.
What I want to achieve and would, to me, make the most sense in terms of ergonomics :
_ On large screens, having a left menu exactly as it currently is.
_ On 1236px-large screens (where the "breaking point" currently is from one design to another) to 950px (roughly) : having a top menu showing the menu item names (there aren't many of them, I'm pretty sure it'd fit).
_ On tablets and mobiles : having a "hamburger" icon, ideally placed on the left side instead of the right side.
How best to achieve at least some of this ?
All the best,
JoQe
Comments
Please send a link to your website. You will need custom css.
thanks
here is the link. I am unchecking the maintenance page.
www.etheroxyde.com
#Top_bar a.responsive-menu-toggle {thanksright: unset !important;
}
Thanks