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.