Menu cart not on one line

Looks like you just need to force it to show inline. Something like:

span.cartcontents{
display: inline !important;
}

You can style that to adjust the margin, etc. If you need extra help we have a css customization service.

That code you included did the trick. On the margins though I tried to add a margin and padding but the cart icon and text are still too close to the top. I ended up adding this code:

span.cartcontents {
position:relative;
top:9px;
display: inline !important;
}

That put the text where I wanted it but didn’t move the cart icon. Any suggestion?

You’ll need to target the element above that for your positioning styles. example:

a.wpmenucart-contents{
top: 9px !important;
}