Keyword

Catalog mode and Bootsrap resizing(float)

More
11 years 8 months ago #109557 by Aki
Hi to everyone!
Maybe someone can help me with one problem I have? Hopefully i can explain what I mean!
I am doing new website and I using K2 catalogmode with Joomla 3.
Problem I have is that when I use Catalog mode the subcategorys will not "float" underneath like in this demo => joodemo.joostrap.com/index.php?option=com_k2&view=itemlist&task=category&id=1:demo-category&Itemid=128

Am i missing something or doing something wrong?

In attached image you can see what I mean.

Attachment not found

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

More
11 years 8 months ago #109558 by Tom
B) I have same Problem.

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

More
11 years 4 months ago #109559 by Aki
Still having this problem... Has anyone solved this problem?

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

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
11 years 4 months ago #109560 by Krikor Boghossian
Replied by Krikor Boghossian on topic Re: Catalog mode and Bootsrap resizing(float)
Hello Aki,

Please post a URL so we can see the actual issue.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

More
11 years 4 months ago - 11 years 4 months ago #109561 by Aki
Hi!
Sorry for late reply.
Here is URL => www.ultra-filter.fi/index.php/tuotteet

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

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
11 years 4 months ago #109562 by Krikor Boghossian
Replied by Krikor Boghossian on topic Re: Catalog mode and Bootsrap resizing(float)
You need to add some media queries to your template.

div.subCategoryContainer { min-width: 100%; float: none; } will get you a single column layout

is that does not work try div.subCategoryContainer { min-width: 100%; width: 100%!important; float: none; }

Insert these values inside your template.css and inside the @media (max-width: 767px) { } media query.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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


Powered by Kunena Forum