Mobile menu position

  • Hey there (again),

    Is it possible to, on the mobile site – i.e. mobile phone – when toggling the menu, have the menu appear where you currently are on the site? Currently it only shows up at the top of the site.

    I’ve set the position of my toggle-button to be fixed, which means I can access the menu from anywhere on the site, and thus the problem arises for me that the menu only appears at the top of the site.

    I am very appreciative of any help.

    Thank you!!

Viewing 1 replies (of 1 total)

  • Hi @sunnysw,

    You could use some custom CSS to set a different background colour and highlight the current menu item on mobile.

    As you did with Kathryn, navigate to Appearance > Edit CSS and add the following to Jetpack’s CSS editor: 

    #sidr .current-menu-item {
    background: #555;
}

    You can change the value of #555 to any HEX code of your choice. You can search Google to get lists of HEX codes and their corresponding colours. Here’s an example of a site that I’ve used before:

    https://www.color-hex.com/

    If you’d like to also change the colour of the link for that menu item, then you can do so with the following CSS:

    #sidr .current-menu-item a {
    color: #FFF;
}

    Let me know if that’s helpful or if you were hoping to achieve another effect.

    Thanks!

Viewing 1 replies (of 1 total)
  • The topic ‘Mobile menu position’ is closed to new replies.