Skip to main content

Display row/columns with empty spaces

More
9 years 2 months ago #276079 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

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

More
9 years 2 months ago #276080 by Jerome
The following user(s) said Thank You: ayur

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

More
9 years 2 months ago #276128 by ayur
Thanks Jerome - but it was already on "high consistency" YES (s. Attachmente) ?????
Best Brigit

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

More
9 years 2 months ago #276129 by ayur
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

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

More
9 years 2 months ago #276137 by ayur
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;
}}

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

More
9 years 2 months ago - 9 years 2 months ago #276132 by nicolas
Hi,

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; }
from the "default" style you're using in the HikaShop configuration.
Last edit: 9 years 2 months ago by Philip.

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

More
9 years 2 months ago - 9 years 2 months ago #276202 by ayur
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
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.136 seconds
Powered by Kunena Forum