Responsive Cart on register page?

Hi,

Is it possible to make the layout of the cart on the registration page responsive? Works ok for tablets but not mobiles.

www.shadforth.net/rayjays/index.php?opti...yout=step&Itemid=219

I tested on other templates with same result.

Hi,

I think that you'll probably be able to do that by using media queries through your CSS file .

Hope this will help you a little.

Can you provide a list of DIVS that need to be changed please? Also, I notive that the cart on it's own is responsive when clicking a menu link. Any way to move that whole chunk of code to the registration page to replace the unresponsive code?

You can add the following @media property:

@media (max-width: 320px) {
.hikashop_cart_product_image_thumb{ display:none;}
}

This will hide the image when on mobile device, you can adjust the width size.

Hi,
Thanks for your help. I tried hiding the image and title via css but the other titles were hovering over the wrong columns. I decided to try removing the whole image column via cart.php which worked but I still have an issue with the width of the table just as it hits the mobile portrait width. Also the Final total is cut off the page. Any ideas please on how to fix it?

can you show me through a screenshots what is the element that gives you this problem ?

Attached a screenshot of mobile view. Notice the Final Price is cut off.

Hi,

You can reduce the price sizes, the properties to edit are:
.hikashop_checkout_cart .hikashop_product_price{ font-size: 12px; font-weight: normal; }

I got this sorted now, at least for normal size mobiles. Thanks again for all your help.