- Posts: 13
- Thank you received: 1
Display row/columns with empty spaces
9 years 2 months ago #276079
by ayur
Display row/columns with empty spaces was created by ayur
-- url of the page with the problem -- :
shopat.ayurquell.ch/de/shop-einkaufen/buecher
-- HikaShop version -- : 3.1.1
-- Joomla version -- : 3.7.4
-- PHP version -- : 7.1.7
-- Browser(s) name and version -- : any
-- Error-message(debug-mod must be tuned on) -- : no
I just updated to the latest version - first of all I had to change in the configuration/css options the frontend layout to "default" (it was on "old").
But now I have empty spaces on several pages (s. attachment).
I already tried with an other template - no effect (or same effect) - and the problem is in any browser.
After searching hours... can anybody help? Thanks in advance
Best Brigit
-- HikaShop version -- : 3.1.1
-- Joomla version -- : 3.7.4
-- PHP version -- : 7.1.7
-- Browser(s) name and version -- : any
-- Error-message(debug-mod must be tuned on) -- : no
I just updated to the latest version - first of all I had to change in the configuration/css options the frontend layout to "default" (it was on "old").
But now I have empty spaces on several pages (s. attachment).
I already tried with an other template - no effect (or same effect) - and the problem is in any browser.
After searching hours... can anybody help? Thanks in advance
Best Brigit
Please Log in or Create an account to join the conversation.
9 years 2 months ago #276080
by Jerome
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
Replied by Jerome on topic Display row/columns with empty spaces
www.hikashop.com/forum/product-category-...n-product-pages.html
www.hikashop.com/forum/product-category-...lay-empty-space.html
www.hikashop.com/forum/product-category-...lay-empty-space.html
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
The following user(s) said Thank You: ayur
Please Log in or Create an account to join the conversation.
9 years 2 months ago #276128
by ayur
Replied by ayur on topic Display row/columns with empty spaces
Thanks Jerome - but it was already on "high consistency" YES (s. Attachmente) ?????
Best Brigit
Best Brigit
Please Log in or Create an account to join the conversation.
9 years 2 months ago #276129
by ayur
Replied by ayur on topic Display row/columns with empty spaces
Sorry - it works with the CSS
.hikashop_subcontainer {
min-height: 285px !important;
}
But - than the category icons are by fare to high and it looks "dreadful" on smaler screens anyway
.s. attachment.
Any further idea
Best Brigit
.hikashop_subcontainer {
min-height: 285px !important;
}
But - than the category icons are by fare to high and it looks "dreadful" on smaler screens anyway
Any further idea
Please Log in or Create an account to join the conversation.
9 years 2 months ago #276137
by ayur
Replied by ayur on topic Display row/columns with empty spaces
Guess I have a solution - with the following the "pictures" of the category are not too hight - and same time the product pictures are high enough.
And it works so far on small screens as well.
this is my code... - if you have a better solution, let me know
Best Brigit
/*****************************************
CUSTOM CSS
******************************************/
/**deactivated because of 'too high category pictures'
.hikashop_subcontainer {
min-height: 220px !important;
}**/
.hikashop_container {
min-height: 220px !important;
}
@media screen and (max-width: 979px) {
.hikashop_container {
/* min-width: 150px !important;*/
width: 170px !important;
}}
And it works so far on small screens as well.
this is my code... - if you have a better solution, let me know
Best Brigit
/*****************************************
CUSTOM CSS
******************************************/
/**deactivated because of 'too high category pictures'
.hikashop_subcontainer {
min-height: 220px !important;
}**/
.hikashop_container {
min-height: 220px !important;
}
@media screen and (max-width: 979px) {
.hikashop_container {
/* min-width: 150px !important;*/
width: 170px !important;
}}
Please Log in or Create an account to join the conversation.
9 years 2 months ago - 9 years 2 months ago #276132
by nicolas
Replied by nicolas on topic Display row/columns with empty spaces
Hi,
Your solution should work, but I think before this you can try to remove the CSS:
from the "default" style you're using in the HikaShop configuration.
Your solution should work, but I think before this you can try to remove the CSS:
Code:
.hikashop_subcategories div.hikashop_category, .hikashop_products_listing div.hikashop_product {
float:left;
}
Last edit: 9 years 2 months ago by Philip.
Please Log in or Create an account to join the conversation.
9 years 2 months ago - 9 years 2 months ago #276202
by ayur
Replied by ayur on topic Display row/columns with empty spaces
works - instead of my "media screen css" (above). But with your solution the category and product icon are just too big (filling the screen (page width).
So I stay with my solution hoping, it works fine - else I have to modify only my custom css anyway.
Thanks for helping fast
Brigit
So I stay with my solution hoping, it works fine - else I have to modify only my custom css anyway.
Thanks for helping fast
Brigit
Last edit: 9 years 2 months ago by ayur.
Please Log in or Create an account to join the conversation.
Time to create page: 0.158 seconds