fbpx

Biggest Sale of the Year - Save 60% Now!!

Days
Hrs
Welcome, Guest
Username: Password: Remember me

TOPIC: Mobile Layout Issues

Mobile Layout Issues 1 year 5 months ago #15754

  • jwdltd
  • jwdltd's Avatar
  • Offline
  • New Member
  • Posts: 5
  • Karma: 0
Hi
There seems to be an issue with the mobile view on the shop pages.
The add to cart button gets distorted and on the cart, the prices can not be seen.
See attached.
Attachments:
The administrator has disabled public write access.

Mobile Layout Issues 1 year 5 months ago #15773

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 700
  • Thank you received: 96
  • Karma: 24
Hello,

Please share your site's URL so that we look into the issue clearly and provide you the best solution.

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The administrator has disabled public write access.

Mobile Layout Issues 1 year 5 months ago #15786

  • jwdltd
  • jwdltd's Avatar
  • Offline
  • New Member
  • Posts: 5
  • Karma: 0
The administrator has disabled public write access.

Mobile Layout Issues 1 year 5 months ago #15792

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 183
  • Thank you received: 41
  • Karma: 7
Hello,

1>Please follow the given steps:-
1> Go to templates\jd_servx\css
2> create new custom.css
3> custom.css, paste it here the given code:

.addtocart-bar span.quantity-box input.js-recalculate{
	line-height: normal;
}
.addtocart-bar span.quantity-controls input.quantity-plus{
	padding: 0;
}

2> please Check is Scoring Style.

Thanks,
Mukesh
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Mobile Layout Issues 1 year 5 months ago #15797

  • jwdltd
  • jwdltd's Avatar
  • Offline
  • New Member
  • Posts: 5
  • Karma: 0
That has sorted out the "Add To Cart" button but it still does not show the costs on the "Cart Page"
The administrator has disabled public write access.

Mobile Layout Issues 1 year 5 months ago #15810

  • roshan jajoriya
  • roshan jajoriya's Avatar
Hello

The cost on the cart page can be seen if you scroll right on the table. We cannot make the table responsive here for mobile devices as its a third party extension that is being used with the template but we can show the scroll in the bottom for now
add this css for the scroll to show in custom.css file
table.cart-summary::-webkit-scrollbar {
    -webkit-appearance: none;
    height:5px;
}
table.cart-summary::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
#checkoutForm table.cart-summary{
	display:block;
}
Last Edit: 1 year 5 months ago by roshan jajoriya.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.378 seconds