Align custom cart text in navigation menu

Site URL: https://www.tribeandsol.com

I have custom ccs to change the cart to the word bag but it isn't aligned how can I align it with the other text in the navigation menu?

Thanks in advance.

27 minutes ago, MoonMama said:

Site URL: https://www.tribeandsol.com

I have custom ccs to change the cart to the word bag but it isn't aligned how can I align it with the other text in the navigation menu?

 

Thanks in advance.

You can try adding to Home > Design > Custom Css

.header .header-actions-action--cart .icon {
  display: flex;
  align-items: center;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

My testing result

Hi @bangank36

How can I remove the cart icon or "bag" for the home page only from both desktop and mobile?

@MoonMama Add to Design > Custom CSS

body.homepage .header-actions--right .header-actions-action {
    display: none;
}

Excellent thank you!

Hello, I have a similar issue. I'm trying to align the navigation, social media icons, and cart. Would appreciate the help. Thank you!

11 hours ago, oneness369 said:

Hello, I have a similar issue. I'm trying to align the navigation, social media icons, and cart. Would appreciate the help. Thank you!

What should it look like & what is your site url?

Thanks again! @tuanphan

I'd like all the elements to align to the baseline of the navigation indicated by the pink line


Also, how do I adjust the spacing between the logo and the navigation links?

On 7/20/2023 at 4:30 AM, oneness369 said:

Thanks again! @tuanphan

I'd like all the elements to align to the baseline of the navigation indicated by the pink line


Also, how do I adjust the spacing between the logo and the navigation links?

Hi,

What is site url? We can check easier

Or you can also try this CSS first (Design > Custom CSS

.header-display-desktop {
	align-items: baseline;
}