button alignment help - in my header

Solved
toasterkaz
New Member
3 0 0

Hi!

I've just added a button to my header menu by adding 

<a href="collections" class="btn--secondary">VISIT THE FARM STORE</a> to my header.liquid file.

I'd like it to align vertically with the baseline of the other menu text, like this:

Capture.JPG

 

But currently it aligns like this:

Capture-2.JPG

 

When I inspect element and change the style to vertical-align: baseline, it changes it to look the way I want it to. I just can't figure out where to find the CSS change in the actual editor.

 

Any help would be very appreciated!!!!

Thanks

0 Likes
PeanutButter
Shopify Partner
330 66 137

Can you send url to your store?

Also, can you tell what theme you are using?

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
toasterkaz
New Member
3 0 0
PeanutButter
Shopify Partner
330 66 137

This is an accepted solution.

Add this to your css stylesheet:

.site-nav .btn--secondary {
    vertical-align: baseline;
}
Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
toasterkaz
New Member
3 0 0

Thanks so much!! 

0 Likes