problem view cart in mobile

  • Posts: 2
  • Thank you received: 0
7 years 5 months ago #272253

Sorry but not working the change in my template.
Where do i change this?



in the cart is related to your template CSS, which override the "padding-left" of that rule :
@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px)
frontend_defaul…1497531140:524
.hikashop_checkout_cart table td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 30%;
}
You might need to adapt the rule by marking it as "important"

Best regards,
Jerome

Attachments:
Last edit: 7 years 5 months ago by Jerome. Reason: removing duplicate attachment & adding [code] tag

Please Log in or Create an account to join the conversation.

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
7 years 5 months ago #272273

Hello,

Can you provide a link in order to better understand the context?
Because maybe there is some "conflicts" with your front-end template or else, because in our mind HikaShop Css must be adapted for mobile screen.
Awaiting news from you.

Regards

Last edit: 7 years 5 months ago by Philip.

Please Log in or Create an account to join the conversation.

  • Posts: 2
  • Thank you received: 0
7 years 5 months ago #272299

I send you in private the user name and pasword for access in joomla as super user.

Please Log in or Create an account to join the conversation.

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
7 years 5 months ago #272306

Hello,

Do not use private message to contact the team ; it's unfortunately useless because we are a team, we can't see PM of other users and PM is not a way to provide good support.
Thank you for your understanding.

Now about your issue ; it's something "recurrent" and it's an issue generated by your template.
You have two way to fix it (not in the same time. It's one.. or the other).

1 - Rectify the padding to mark it important.
In the HikaShop frontend CSS you will find that rule :

	.hikashop_checkout_cart table td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 30%;
	}
You need to set the paddin-left as important to force that padding and not let your template break it.

2 - Removing the "position absolute".
In the HikaShop frontend CSS you will find that rule :
	.hikashop_checkout_cart table td:before {
		position: absolute;
		left: 6px;
		padding-right: 10px;
	}
You need to remove the position absolute so the content will be display in two lines.

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

Time to create page: 0.070 seconds
Powered by Kunena Forum