Right Aligned Menu Button

  • Author
    Posts
  • #142414

    mkeohanfawcettenergycom
    Member
    Original poster

    Hello,

    Is it possible in this theme to right align one menu button while leaving the others left aligned and also change it’s background color in order to call attention to it? Or to center the menu and put the desired button in the middle with a different background color? Also if so how would I implement the alignment/color change. I can provide more details if needed.

    Thanks,

    Matt K.

    The blog I need help with is: economyfuel.com

    #142418

    binarymoon
    Theme Author

    If you edit your menu in the customizer you can add a custom class to individual menu items.

    If you add the class ‘highlight’ to the item you want to highlight then you can use the following css to do what you want:

    .masthead .actions .menu li.highlight {
    float:right;
    }
    .masthead .actions .menu li.highlight a {
    background: #ffeb00;
    color:#000000;
    }

    You can pick colours here: https://prothemedesign.com/tools/color-picker/

    #142426

    mkeohanfawcettenergycom
    Member
    Original poster

    Hello Binarymoon,

    Thank you for your quick reply. I tried imputing the code you provided and it shifted the entire menu bar to the left and made the button I’m trying to move disappear. I assume i’m doing something wrong. Do you have any further instructions I’m far from a css code expert.

    Thanks again,

    Matt K.

    #142444

    binarymoon
    Theme Author

    Well that’s odd – definitely not the effect I was going for :)

    Since you have a business plan you can get live chat support direct from WordPress.com – so I would suggest asking them. They will be able to make the changes for you. You can point them at this thread so they can see what they need to do (which should save them a bit of time).
    https://wordpress.com/help/contact

    I’m always happy to answer your theme related questions in this forum, but those other support avenues may be faster, and you’ll always get a wordpress.com staff reply.

The topic ‘Right Aligned Menu Button’ is closed to new replies.