Shopping cart is not vissable at the mobile phone

  • Posts: 60
  • Thank you received: 0
  • Hikashop Essential
2 years 8 months ago #339750

-- url of the page with the problem -- : swib.nl/
-- HikaShop version -- : 4.5.0
-- Joomla version -- : 3.10.6
-- PHP version -- : 7.4

How come the shopping card is not vissable at a mobile phone? You can order, and than you see a very short while the product in the shopping card. And than it disappears and it is not vissable anymore, so you can not order. At the tablet, it is no problem

Last edit: 2 years 8 months ago by Swib.

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
2 years 8 months ago #339758

Hi,

In the CSS file swib.nl/templates/yoo_vida/styles/terracotta/css/theme.css of your template, you have the code:

/*
 * Visibility
 * Avoids setting display to `block` so it works also with `inline-block` and `table`
 */
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-visible-small {
    display: none !important;
  }
  .uk-visible-medium {
    display: none !important;
  }
  .uk-hidden-large {
    display: none !important;
  }
}
/* Tablets portrait */
@media (min-width: 768px) and (max-width: 959px) {
  .uk-visible-small {
    display: none !important;
  }
  .uk-visible-large {
    display: none !important ;
  }
  .uk-hidden-medium {
    display: none !important;
  }
}
/* Phone landscape and smaller*/
@media (max-width: 767px) {
  .uk-visible-medium {
    display: none !important;
  }
  .uk-visible-large {
    display: none !important;
  }
  .uk-hidden-small {
    display: none !important;
  }
}
And if you look at the HTML of the pages, you can see that the whole top area of your pages is in a DIV with the class uk-hidden-small :
i.imgur.com/A40PqB3.png
So as per that CSS code, when the website displays on small devices like mobile phones the top area gets hidden by the CSS because of that class.
There are several ways to solve this:
- change the CSS
- change the HTML of that div to remove the uk-hidden-small class
- move the cart module in another position of the template which isn't hidden on mobile devices in the settings of the HikaShop cart module.

I would recommend you checking with your template provider's support so that they can give you more precise information on what would be best as they know their template better than us.

The following user(s) said Thank You: Swib

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

Time to create page: 0.060 seconds
Powered by Kunena Forum