moving menu toggle

  • Unknown's avatar

    Hi there! I’d like to move my navigational menu toggle from the right side to the left side of the screen, and then below my heading. Could someone help me with that code? Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Hi @jessewhawk!

    The problem we’ll run into here is your header isn’t a set height, so it isn’t really possible to position the button just below it – the narrower the screen, the shorter the header.

    We could move it to the left, but you would almost certainly run into the button overlapping the header on certain devices or screen sizes

  • Unknown's avatar

    Ok. I understand. Is there a theme you could recommend that would work better for me?
    I would prefer if I had a menu or toggle that was more obvious. If you take a look at my page now, you’ll see how I plan to use it. I will keep adding more images as links and integrate a store. Any help is greatly appreciated. Thanks!

  • If you’d like your menu button to be more noticeable, I’d recommend trying to make it stand out a bit more (perhaps with a different color), rather than completely changing themes.

    Here’s some example CSS:

    a.sidebar-toggle {
        background: red;
    }

    Now, that red is pretty intense, I know. If you’d like, you can swap that out for a different color or HTML color code :)

    Regarding your plans for a store – at the moment, integrated stores (with shopping carts, checkout pages, etc) aren’t supported on WordPress.com. You can use a PayPal link to collect payments, but if you need a more integrated store for your site, you might want to look into setting up a self hosted WordPress site, which is a little bit different. Then you can install a plugin like WooCommerce to manage you store :)

  • Unknown's avatar

    Thanks for your help. I changed the color. It’s not the best solution, but it works for now. Thank you.

  • You might also like the Edin theme – when it’s set to use a toggle style menu it stands out a bit more with a nice “menu” label:

    https://wordpress.com/themes/edin/ :)

  • The topic ‘moving menu toggle’ is closed to new replies.