Center Aligning Button in Navbar

Support
#1

I was looking through the forum trying to find something more similar to my situation, but what I found didn’t really answer my question. I’m really sorry If I did miss a topic that would’ve been useful.

I need to center align the button with the rest of my link options up in my navbar. See how it’s aligned with the top of the link options?

Can I get your help fixing this issue? I’m not a coder, but if you showed me what code to put and where, I could get this straightened out.

Thanks so much for your help! I really wish I was better at this. I’m learning though (:slight_smile:

#2

Hi there,

No worries. :slight_smile:

Please try this code:

.x-navbar .desktop .x-nav > li.menu-item-86 > a {
    padding-top: 26px;
}

.x-navbar .desktop .x-nav > li.menu-item-86 > a:hover {
    box-shadow: none;
}

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.

#3

Thank you so much, that did the trick!

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.