[Skip to main content](#vessel-content)

#   Display row/columns with empty spaces

##

- **[ayur](/forum/user/11513-ayur "View ayur's Profile")**
- [![ayur's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11513-ayur "View ayur's Profile") Topic Author
- [ Offline](/forum/user/11513-ayur)

Less More

- Posts: 13
- Thank you received: 1
-
-

9 years 2 months ago [\#276079](#276079) by [ayur](/forum/user/11513-ayur "View ayur's Profile")  *[Display row/columns with empty spaces](/forum/26-product-category-display/891545-display-row-columns-with-empty-spaces#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 &quot;default&quot; (it was on &quot;old&quot;). 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")* was created by *[ayur](/forum/user/11513-ayur "View ayur's Profile")*

-- url of the page with the problem -- : [ shopat.ayurquell.ch/de/shop-einkaufen/buecher](http://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

- [ ![2017-08-16&#95;14h07&#95;09.png](/forum/attachment/39760) ](/forum/attachment/39760 "...6&#95;14h07&#95;09.png") [ ](/forum/attachment/39760?download=1 "...6&#95;14h07&#95;09.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTE1NDUtZGlzcGxheS1yb3ctY29sdW1ucy13aXRoLWVtcHR5LXNwYWNlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Away](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

9 years 2 months ago [\#276080](#276080) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Display row/columns with empty spaces](/forum/26-product-category-display/891545-display-row-columns-with-empty-spaces#276080 "-- 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 &quot;default&quot; (it was on &quot;old&quot;). 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")*

[ www.hikashop.com/forum/product-category-...n-product-pages.html](https://www.hikashop.com/forum/product-category-display/891101-none-populated-spaces-on-product-pages.html)
[ www.hikashop.com/forum/product-category-...lay-empty-space.html](https://www.hikashop.com/forum/product-category-display/890065-wrong-display-empty-space.html)

---

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

The following user(s) said Thank You: [ayur](/forum/user/11513-ayur "View ayur's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTE1NDUtZGlzcGxheS1yb3ctY29sdW1ucy13aXRoLWVtcHR5LXNwYWNlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[ayur](/forum/user/11513-ayur "View ayur's Profile")**
- [![ayur's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11513-ayur "View ayur's Profile") Topic Author
- [ Offline](/forum/user/11513-ayur)

Less More

- Posts: 13
- Thank you received: 1
-
-

9 years 2 months ago [\#276128](#276128) by [ayur](/forum/user/11513-ayur "View ayur's Profile")  Replied by *[ayur](/forum/user/11513-ayur "View ayur's Profile")* on topic *[Display row/columns with empty spaces](/forum/26-product-category-display/891545-display-row-columns-with-empty-spaces#276128 "-- 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 &quot;default&quot; (it was on &quot;old&quot;). 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")*

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

- [ ![2017-08-17&#95;08h41&#95;04.png](/forum/attachment/39772) ](/forum/attachment/39772 "...7&#95;08h41&#95;04.png") [ ](/forum/attachment/39772?download=1 "...7&#95;08h41&#95;04.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTE1NDUtZGlzcGxheS1yb3ctY29sdW1ucy13aXRoLWVtcHR5LXNwYWNlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[ayur](/forum/user/11513-ayur "View ayur's Profile")**
- [![ayur's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11513-ayur "View ayur's Profile") Topic Author
- [ Offline](/forum/user/11513-ayur)

Less More

- Posts: 13
- Thank you received: 1
-
-

9 years 2 months ago [\#276129](#276129) by [ayur](/forum/user/11513-ayur "View ayur's Profile")  Replied by *[ayur](/forum/user/11513-ayur "View ayur's Profile")* on topic *[Display row/columns with empty spaces](/forum/26-product-category-display/891545-display-row-columns-with-empty-spaces#276129 "-- 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 &quot;default&quot; (it was on &quot;old&quot;). 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")*

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 ![:-(](/media/kunena/emoticons/4.png ":-(").s. attachment.

Any further idea ![:-)](/media/kunena/emoticons/9.png ":-)") Best Brigit

- [ ![2017-08-17&#95;08h56&#95;21.png](/forum/attachment/39773) ](/forum/attachment/39773 "...7&#95;08h56&#95;21.png") [ ](/forum/attachment/39773?download=1 "...7&#95;08h56&#95;21.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTE1NDUtZGlzcGxheS1yb3ctY29sdW1ucy13aXRoLWVtcHR5LXNwYWNlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[ayur](/forum/user/11513-ayur "View ayur's Profile")**
- [![ayur's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11513-ayur "View ayur's Profile") Topic Author
- [ Offline](/forum/user/11513-ayur)

Less More

- Posts: 13
- Thank you received: 1
-
-

9 years 2 months ago [\#276137](#276137) by [ayur](/forum/user/11513-ayur "View ayur's Profile")  Replied by *[ayur](/forum/user/11513-ayur "View ayur's Profile")* on topic *[Display row/columns with empty spaces](/forum/26-product-category-display/891545-display-row-columns-with-empty-spaces#276137 "-- 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 &quot;default&quot; (it was on &quot;old&quot;). 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")*

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 ![:-)](/media/kunena/emoticons/9.png ":-)")
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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTE1NDUtZGlzcGxheS1yb3ctY29sdW1ucy13aXRoLWVtcHR5LXNwYWNlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86302
- Thank you received: 14273
-
-

9 years 2 months ago -  9 years 2 months ago [\#276132](#276132) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Display row/columns with empty spaces](/forum/26-product-category-display/891545-display-row-columns-with-empty-spaces#276132 "-- 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 &quot;default&quot; (it was on &quot;old&quot;). 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")*

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](/forum/user/34318-philip "View Philip's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTE1NDUtZGlzcGxheS1yb3ctY29sdW1ucy13aXRoLWVtcHR5LXNwYWNlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[ayur](/forum/user/11513-ayur "View ayur's Profile")**
- [![ayur's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11513-ayur "View ayur's Profile") Topic Author
- [ Offline](/forum/user/11513-ayur)

Less More

- Posts: 13
- Thank you received: 1
-
-

9 years 2 months ago -  9 years 2 months ago [\#276202](#276202) by [ayur](/forum/user/11513-ayur "View ayur's Profile")  Replied by *[ayur](/forum/user/11513-ayur "View ayur's Profile")* on topic *[Display row/columns with empty spaces](/forum/26-product-category-display/891545-display-row-columns-with-empty-spaces#276202 "-- 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 &quot;default&quot; (it was on &quot;old&quot;). 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")*

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](/forum/user/11513-ayur "View ayur's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTE1NDUtZGlzcGxheS1yb3ctY29sdW1ucy13aXRoLWVtcHR5LXNwYWNlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.152 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
