Static Menu
-
When I used to design websites back in the days of html 3, I always used the same technique of a static menu on left or right and a scrolling center. I would really enjoy a static menu now that WP has modified pages to an infinite scroll. My readers otherwise have to navigate back to the top…which would no be that easy on a tablet.
The blog I need help with is: (visible only to logged in users)
-
-
Looks like you have Custom Design available on http://wintersbutterfly.com/ – did you still need help with a fixed menu? In some themes this will be possible; it depends how the theme is constructed.
If you let me know what theme you’re thinking of using I’d be glad to help. In the retired theme you’re using now (Simpla) there isn’t a distinct menu area to make fixed, so this would be a good opportunity to update your site with a newer, responsive theme. Let me know what you’d like to do.
-
Thank you so much. I have been very sick and haven’t been back here for awhile. I would be happy with any theme even if it were not free. I like a basic clean white page with room for a left or right menu. I f you could help I would be so grateful. I will have to wait til next month though. I am disabled and on disability and could not afford going with the purchase this month. I would make a point of setting aside the money in April and whatever cost for a theme. I think I may still have the upgrade on trial so I could still look at the themes this month. Thank you. I programmed in HTM L 3.0 back in my day before CCS sheets but I asume they are just style sheets with the config in an XML file. I was a self taught C++ programmer so understanding format and code should be simple.
-
You don’t have to spend money to purchase a newer responsive theme. There are some awesome free themes in WordPress.com Theme Directory here: https://theme.wordpress.com/
Click on Find a Theme button and select various filters as per your preference and see if you like any of the free themes that show up.
-
You might like to check out Twenty Fifteen. It’s a free theme with a fixed left-hand menu, as you see in the demo:
https://twentyfifteendemo.wordpress.com/
I’m sorry to hear you’ve been sick and hope you feel better soon!
-
kathyrynwp: I enabled Twenty Fifteen.
It is a nice Theme.
In the Demo is the panel to the left the menu in the theme, or the Theme description.
I could not see how to get the left panel to stay in one place as the text scrolls, which is what I have meant by a static menu panel on the side.
Thx. -
kathyrnwp: Thank you. After fiddling with it for awhile I realized it is static. What a wonderful solution. Thank you I am glad I came in and asked. I am much happier with this. I will still arrange the upgrade at some point. I hope to get my music back in the next few months and post some music along with my poetry and stories.
I ran into a woman about six years ago at a writing group…that was mostly a cheese and wine group :)
Anyway she mentioned that she had her Blog on WordPress and considered it the most professional venue.
I just use it as a way to self publish my writing as a hobby and have, despite a few bumps here and there, enjoyed being here for the last three years. Thank you so much. -
The left panel stays static only if its contents are short.
The demo site has social links menu and a search widget besides the main navigation menu. This is why the side panel has to scroll to being them into view.
If we don’t need the widgets and just want the menu, as you can see in my test site, that’s when the left panel is fixed.
-
Ah, you posted an update while I was still writing my update :-)
Glad, you figured this yourself. Well done.
-
I’m very glad you’re liking Twenty Fifteen!
As chaitanyamsv mentioned, the left-hand menu area in this theme is only fixed when the height is shorter than the contents in the right column.
I just use it as a way to self publish my writing as a hobby and have, despite a few bumps here and there, enjoyed being here for the last three years. Thank you so much.
That’s wonderful to hear. If we can be of help with anything else in the future, please feel free to post again.
-
As an aside.
I am noticing sometimes in this Theme that picture properties are not being implemented at times. I see in some post it centers. In some it doesn’t. Some apply the image size. Others do not.
-
I am noticing sometimes in this Theme that picture properties are not being implemented at times. I see in some post it centers. In some it doesn’t. Some apply the image size. Others do not.
If you’d like provide a link to a post where an image looks like you want it to, and a link to a post where the image doesn’t look as you’d expect, I’d be glad to take a look directly. I’m not quite sure what you mean right now and it will be easier to troubleshoot directly on specific posts. Thanks!
-
No. Its ok. I had a post where I had adjusted the size of several pics to be the same size and they had reverted back to their original size in the post. I had a couple more that would not center. But I am just going to enjoy this new theme for awhile. Thx.
-
I think this is an excellent topic. It’s a problem that must be on a lot of people’s minds. If you have a theme with a responsive design and scrolling, as I do (Minnow at https://stevejwilliams.wordpress.com/ ), which I am only now setting up before doing the DNS transfer, then the availability of the menu is important.
An unsatisfactory work-around is to put a little ‘back to top’ but beneath each long post… ⬆︎, allowing readers to quickly go the top of the page. But it would be much better to have the menu symbol — ≣ — stick to the top of the window pane, as it does in many responsive designs.
I wonder whether there is a CSS tweak that can make this happen?
-
-
We can try this CSS to start with:
@media only screen and (max-width: 330px) { button.menu-toggle, .sidebar-open .menu-toggle { top: 50px; right:0; position: fixed; z-index: 999; } }This fixes the hamburger menu icon only on the smaller screens and we will have to add few more media queries to fix the menu on tablet screens.
-
Thank you, chaitanyamsv. I hoped that the solution might be something like that. I’ve tried the CSS you provided, however, and it has no effect at all I can see. I hold out hope of finding something. I’ll look into the CSS for the hamburger sign myself and tell you if I find anything.
Cheers
-
button.menu-toggle, .sidebar-open .menu-toggle { top: 50px; right: 0; position: fixed; z-index: 999; }chaitanyamsv, this fixes the hamburger menu in position for all screen sizes. It is what you suggested, without the @media qualification.
I would be interested to know if this works for other people, and if you think it is really a usability improvement.
-
By the way, I’ve only tested this on Chrome so far. I’ll come back with results for other browsers.
- The topic ‘Static Menu’ is closed to new replies.
WordPress.com Forums 