Help with button alignments on header

[gualbertobrian]

Hello! I am trying to finish up my new site. I am having trouble trying to move my customer login, cart, and purchase now button to align with the rest of the menu items to the right. I am using the debut theme, by the way! If anyone has any suggestions on how to fix this, thanks so much!

[PeanutButter]

Please share your store's url

[gualbertobrian]

Hello! The site is : https://spice-algo.com/

I attempted to fix it, but I'd like the "Purchase Now" button to be on the right side, not centered

[PeanutButter]

Hi, I wanted to get your feedback in the approach I used, as it is different from what you were doing.
Instead of trying to move an item in from navigation bar out of the navigation, I added 2 new fields to the header section, one to link a product and one for the button name:

Then with the value from this fields I rendered a button which links to the product selected in the new featured_product field.

What do you think? If this approach is ok with you we can fine tune this so it renders right in all screen sizes

[gualbertobrian]

That’s perfect! If I were to add more things onto the header, would that cause the same issue with spacing?

[PeanutButter · Accepted solution]

Your question is too open to be able to answer... define "things"

Also, what do you want to do with the purchase button in mobile?
Currently it is cut, as you can see below.  I could hide it or I could place it below the icons: