Display row/columns with empty spaces

  • Posts: 13
  • Thank you received: 1
7 years 9 months ago #276079

-- 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

Attachments:

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

  • Posts: 26232
  • Thank you received: 4035
  • MODERATOR
7 years 9 months ago #276080

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
The following user(s) said Thank You: ayur

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

  • Posts: 13
  • Thank you received: 1
7 years 9 months ago #276128

Thanks Jerome - but it was already on "high consistency" YES (s. Attachmente) ?????
Best Brigit

Attachments:

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

  • Posts: 13
  • Thank you received: 1
7 years 9 months ago #276129

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

Attachments:

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

  • Posts: 13
  • Thank you received: 1
7 years 9 months ago #276137

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.

  • Posts: 83798
  • Thank you received: 13570
  • MODERATOR
7 years 9 months ago #276132

Hi,

Your solution should work, but I think before this you can try to remove the CSS:

.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: 7 years 9 months ago by Philip.

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

  • Posts: 13
  • Thank you received: 1
7 years 8 months ago #276202

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: 7 years 8 months ago by ayur.

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

Time to create page: 0.090 seconds
Powered by Kunena Forum