Before I upgraded HikaShop to version 3 their little mini shopping cart which is in the top left corner of my pages at www.veggievorer.com

Now it is on two lines basically. There appears to be a carraige return added.

I know this is not your fault but I suspect you might know of a tweak I could put into my CSS file that will hold me over until such a time as I come up with another ZenGrid5 template to use.

Any tweaks to somehow clear away that carraige return?

This is not the only place where the layout changed (even though I have selected their configuration options for the legacy layouts) but this is the one I would like to 'fix' since it looks bad to me. And, it uses up vertical space that I would like to free up.

Thanks, Sean

BTW, here is a page with the Rasa2 template and the older HikaShop version where you can see the mini shopping cart on one line in the top left corner: www.anchorpointfilms.com/

Hi Sean

.hikashop_cart_module .hikashop_cart:before {
float: left
}

CSS above should correct your issue with v3 of HikaShop. You may need some further tweaking depending on the template setup and custom styling that you may have.

There are numerous upgrades from v2 to v3 and plenty to trip you up, or least has given us a lot head scratching moments when covert to v3. For us with a lot of custom views on one site it took a while and the legacy setting did not work well in our experience and better to put the time in v3.

For us we have also needed to adjust the hikabtn style for the module, but may not be so for you. In case you do here is our solution to make the button easier on the eye.

#hikashop_cart_module a.hikabtn {
color: #ffffff;
padding: 5px;
margin-left: 10px;
margin-top: -5px;
}

Hope that helps
Ian

Thanks very much Ian

Cheers
Paul

I tried the addition for the mini shopping cart but am not seeing results.

This is what I added to my custom.css file:


I have seen the following code on my site using Chrome Developer tools:

Do I need to somehow be targeting hikashop_cart_468 ??

Any more help or clues would be very appreciated. Thanks again!

Sean

Hi Sean

Just looked at your site and could not see the code I suggested in the custom.css file.

If I add it in chrome developer tools it corrects the issue. You may want to hard refresh the browser after adding to make sure it gets picked up, and cache is not holding it back in anyway.

Also if you add any further styling to the css I gave you you need to close off with ;

Ian

Thanks Ian

Sean are you using JCH or a cdn?

Cheers
Paul

I am using KeyCDN. I tried JCH before and sometimes it would work great and other times it did not work at all. So, I eventually stopped using it.

Hi Sean,

Is the issue fixed?

Cheers
Paul

Yes, thank you for asking...

No problem

Cheers
Paul