Move mobile menu to right

  • Unknown's avatar
    teddiesmusic · Member ·

    I want to move the mobile menu (currently in a green/light blue background) so that it is to the right of the header when moved in mobile devices. Does anyone have a CSS-style solution to this? Using the Carbon theme

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

  • staff-totoro · Staff ·

    Hi there,

    I’m not sure I understood your question, when I check your site on mobile the menu button is already on the right for me.

    Click to view image

    Is it the case that I see something different from what you are seeing? Or are you referring to something else, like what you see after you click the menu button (to view the pages in the menu itself?)

    Thanks for the additional info!

  • Unknown's avatar
    teddiesmusic · Member ·

    Ah yes, this isn’t quite what I meant.

    I’d like to have the menu at the very right, so that there’s equal padding between the top, right and bottom of the menu and header-edge. In other words, so that the right hand side of the menu is in line with the right hand side of full-size images in individual blog posts (when viewed on mobile devices). I hope this clarifies things a bit better? Thanks for your help!

  • aleone89 · Staff ·

    Hello there,

    Ah I see what you mean!

    This CSS should move that slightly to the right:

    
/* Align mobile menu toggle AL */

.menu-toggle {
    right: 0px;
}

    I hope that helps.

  • The topic ‘Move mobile menu to right’ is closed to new replies.