Desktop is displaying correctly, but mobile looks like crap.

  • Posts: 24
  • Thank you received: 0
7 years 5 months ago #271044

-- HikaShop version -- : 3.1.1
-- Joomla version -- : 3.7.2.
-- PHP version -- : 7
-- Browser(s) name and version -- : Version 58.0.3029.110 (64-bit)

Desktop is displaying correctly, but mobile looks like crap.

What could be causing this?

Attachments:
Last edit: 7 years 5 months ago by Masters.

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

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

Hello,

So you will need to adjust your CSS rules for your template and HikaShop in order to change the display in small device screen.
www.hikashop.com/support/documentation/1...the-display.html#css

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.

  • Posts: 24
  • Thank you received: 0
7 years 5 months ago #271134

That doesn't really help

This should be an out of the box setup and it's clearly not.

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

  • Posts: 35
  • Thank you received: 2
  • Hikashop Business
7 years 5 months ago #271199

I totally agree the cart messes all up

The following user(s) said Thank You: Masters

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
7 years 5 months ago #271137

We actually do have specific CSS to display properly on mobile devices.
Switch to the default template of Joomla and you'll see that it will display fine there.
Which means that the issue comes from your Joomla template CSS and that it will require to add CSS to counter act the CSS of the template which creates the problem and maybe remove or modify some CSS in your template.
Unfortunately, the link you provided doesn't work monosnap.com/file/p5TMTqfYc7uMEwHWzhYqKjrBb18TTz so we don't have any way to look at the issue and it's not even an issue we should be helping with.

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

  • Posts: 24
  • Thank you received: 0
7 years 5 months ago #271212

"and it's not even an issue we should be helping with." so why am I paying for technical assistance? The arrogance of some people.

The link certainly does work I'll list it here again www.magpainrelief.com (the rest of the link goes to the cart, if you knew your product well enough you would know that carts are unique to the IP address, so perhaps one would select a product and take it to the checkout so you can replicate the problem.) Now just to make this super clear... the issue is on mobile devices, so do this action on a mobile device.

In addition to all that, it would be more productive to stop blaming the cause on other people before looking to see what the problem actually is.

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

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

Hello,

Please note that the link you gave is really not working ; and it really does provide a 404 page.
You do not anymore a menu for the checkout so the link is "/component/hikashop/checkout".
You current account do not have an HikaShop license ; you might have buy HikaShop Business with another account but that current one do not have it.

So please, before criticism the fact that we answer to hundred of message each day in that forum including people with no license ; be sure that the tone of your first message and the thread subject is appropriate.
We are humans... and if you look at my signature, you'll see that I'm just helping here...

Well !

If you check the frontend_default CSS, you see one with with have a conflict with the rest of your CSS.

	.hikashop_checkout_cart table td:before {
		position: absolute;
		left: 6px;
		padding-right: 10px;
	}
By removing the "position: absolute" the display will be become better.

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.

  • Posts: 24
  • Thank you received: 0
7 years 5 months ago #271252

Certainly do have a business account.

See screenshot showing licence number

Attachments:
Last edit: 7 years 5 months ago by Jerome. Reason: removing duplicate attachment

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

  • Posts: 35
  • Thank you received: 2
  • Hikashop Business
7 years 5 months ago #271263

Hi all,
I found a solution to the poor mobile display by using Holax template (Themeforest) It overrides default CSS if you set styles frontend to none.
It is a bit challenging to install and configure, but the overall look and feel is better than other templates.
See here www.fuerteventura-shop.com
Regards
Thomas

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

  • Posts: 24
  • Thank you received: 0
7 years 5 months ago #271437

How weird, a day and a half after proving I have a business account... silence; no acknowledgement, no apology, and no resolution to the problem.

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
7 years 5 months ago #271438

Hi,

There was nothing to answer.
Jerome was only pointing to the fact that you might have a subscription with another account but that regardless manners are important.
Moreover, Jerome already gave you the exact solution to your problem:

If you check the frontend_default CSS, you see one with with have a conflict with the rest of your CSS.

.hikashop_checkout_cart table td:before {
position: absolute;
left: 6px;
padding-right: 10px;
}
By removing the "position: absolute" the display will be become better.

So just do as he said and remove that CSS rule from the frontend CSS file of HikaShop and the issue with the padding left CSS rule of your template messing with the responsive display of HikaShop cart will be solved.

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

  • Posts: 24
  • Thank you received: 0
7 years 5 months ago #271452

It's not about manners, it's about acknowledgement.

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

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

Hello,

I'm afraid that there is no need of any kind of acknowledgement. in our side.
Like I wrote

You current account do not have an HikaShop license ; you might have buy HikaShop Business with another account but that current one do not have it.

I gave you true fact, which are representing the reality.
Your current account do not have a license, you do not have a "badge" visible on your profile ; the HikaShop Business you're using is not attached to YOUR account.

Nothing less, nothing more.


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.

  • Posts: 24
  • Thank you received: 0
7 years 5 months ago #271532

I do that because I manage a large number of accounts (all whom have business accounts with Hikashop) but for ease, I only login using the one so I can keep track of my queries. And since my own website has no need for a cart, I have no need for a hikashop business account. Hope that clears it up

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

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

Sure


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.

  • Posts: 24
  • Thank you received: 0
7 years 5 months ago #271576

Thank you Jerome

Could you advise " frontend_default CSS" where this is in hikashop? I was not able to locate the css you're referring to or are you referring to the template default .css file?

Thanks in advance

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

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

Hello,

In my very first answer, I gave you the documentation link which explain how to customize HikaShop display ; including the CSS and where to create overrides :
www.hikashop.com/support/documentation/1...the-display.html#css

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.090 seconds
Powered by Kunena Forum