Hi,
Change the code:
@media only screen and (max-width: 768px), (max-device-width: 768px) {
div[id*="hikashop_category_information_module"] div.hikashop_category,
div[id*="hikashop_category_information_module"] div.hikashop_product {
width: 49% !important;
margin-right: 1%;
}
}
@media only screen and (max-width: 640px), (max-device-width: 640px) {
div[id*="hikashop_category_information_menu"] div.hikashop_category,
div[id*="hikashop_category_information_menu"] div.hikashop_product {
width: 49% !important;
margin-right: 1%;
}
div[id*="hikashop_category_information_menu"] div.hikashop_product .hikashop_product_image_subdiv {
width: 100%;
}
#hikashop_download_listing th {
display: block;
}
#hikashop_download_listing .hikashop_no_border .btn {
margin-top: 10px;
}
#hikashop_download_listing td {
text-align: center;
}
}
@media only screen and (max-width: 320px), (max-device-width: 320px) {
div[id*="hikashop_category_information_menu"] div.hikashop_category,
div[id*="hikashop_category_information_menu"] div.hikashop_product {
width: 100% !important;
margin-bottom: 10px;
}
div[id*="hikashop_category_information_module"] div.hikashop_category,
div[id*="hikashop_category_information_module"] div.hikashop_product {
width: 100% !important;
margin-bottom: 10px;
}
#hikashopcpanel div.icon {
width: 100%;
}
#jsn-page #hikashop_checkout_next_button {
float: left;
}
#hikashop_checkout_cart table td,
#hikashop_checkout_cart table th {
padding: 5px;
text-align: center;
}
}
to:
@media only screen and (max-width: 920px), (max-device-width: 920px) {
div[id*="hikashop_category_information_module"] div.hikashop_category,
div[id*="hikashop_category_information_module"] div.hikashop_product {
width: 49% !important;
margin-right: 1%;
}
}
@media only screen and (max-width: 640px), (max-device-width: 640px) {
div[id*="hikashop_category_information_menu"] div.hikashop_category,
div[id*="hikashop_category_information_menu"] div.hikashop_product {
width: 49% !important;
margin-right: 1%;
}
div[id*="hikashop_category_information_menu"] div.hikashop_product .hikashop_product_image_subdiv {
width: 100%;
}
#hikashop_download_listing th {
display: block;
}
#hikashop_download_listing .hikashop_no_border .btn {
margin-top: 10px;
}
#hikashop_download_listing td {
text-align: center;
}
}
@media only screen and (max-width: 580px), (max-device-width: 580px) {
div[id*="hikashop_category_information_menu"] div.hikashop_category,
div[id*="hikashop_category_information_menu"] div.hikashop_product {
width: 100% !important;
margin-bottom: 10px;
}
div[id*="hikashop_category_information_module"] div.hikashop_category,
div[id*="hikashop_category_information_module"] div.hikashop_product {
width: 100% !important;
margin-bottom: 10px;
}
#hikashopcpanel div.icon {
width: 100%;
}
#jsn-page #hikashop_checkout_next_button {
float: left;
}
#hikashop_checkout_cart table td,
#hikashop_checkout_cart table th {
padding: 5px;
text-align: center;
}
}
in the file templates/jsn_glass_pro/ext/hikashop/jsn_ext_hikashop.css of your template and it should work better.