adding shopping cart to header

Hello,

You can use the header builder to move the Cart item where needed. It shouldn’t end up in a navigation menu. Here is a screenshot of the Cart item in the header builder. If you have the same setup, but your cart appears in a navigation menu for some reason, something else may be going on. If you’ve moved the cart item correctly but it still appears in a menu, please follow the steps in Kadence’s troubleshooting article, including clearing your cache and checking for plugin conflicts.

ok let me try this again thx

Hi Gilbert. I’ve implemented the same layout in the customizer for the header placement of elements as the same as what you gave in the image. But my results end up looking like this. logo text is gigantic and crunched up taking up multiple lines of space and the entire is as if is shrunken in length, and the cart icon is gigantic too.

also cart icon is not visible on mobile only on desktop and only under a certain magnification of screen, any more magnified and it changes to seemingly mobile view which hides the cart again.

i apologize if image is too dark i have blue light filter on for eye protection sorry about that!

pls advise thanks!

managed to change the icon size but entire header length is still crunched up 50% shorter, logo side text is too gigantic

Hello @ckwang,

Do you have a screenshot of your header builder you can post? The source code from the site you linked shows that the cart and the navigation links are in the same column. The rows in the header have three columns. Move the cart to the column on the right side instead of in the center column and let us know if that works for you.

hello Gilbert. so turns out i did make a mistake and the navigation was shoved into the same block as the logo(far left, middle row), and cart is in the middle block, while the search is on the right block, i’ve rearranged according to your instructions but it now looks like this:

header arrangement as below:

Hello @ckwang,

I apologize for the delay in response. However, I reviewed the page you linked and it does not look the same as your screenshots. Did you manage to solve the issue?

Yes Sir managed to solve it but not exactly, I had to delete entire text title and tag line in order to make everything fit, anyway to retain title and or tagline and still make things fit? There isn’t any option to change title and tagline font size however thx

Hi, @ckwang !

I want to send an update about your last concern. I apologize for the delay.

If you’re using the logo layout with the site title and tagline, the font style settings can be seen by going to Customize > Header > Logo settings > DESIGN tab.

Here’s a screenshot – https://share.zight.com/DOuEgAqq

I hope this helps, and let us know if we can assist you further.

Regards,
Karla