2

It displays four subcategories in single line, if i add minimum 4 in magento main-category pages,,... but if i add one more subcategory, then it takes only 3 per row. How to debug this. I want to display 4 subcategories per row
I have add static block to display subcategories.

<ul class="catblocks">
<li>
<a href="{{config path="web/secure/base_url"}}other/ludo.html">
    <img src="{{media url="wysiwyg/ludo.jpg"}}" alt="ludo" />
    <span>Ludo</span>
</a>
</li>
<li>
    <a href="{{config path="web/secure/base_url"}}other/paraolympic.html">
        <img src="{{media url="wysiwyg/paraolympic.jpg"}}" alt="paraolympic" />
        <span>Paraolympic</span>
    </a>
</li>
<li>
    <a href="{{config path="web/secure/base_url"}}other/travel-game.html">
        <img src="{{media url="wysiwyg/travel-game.jpg"}}" alt="travel-game" />
        <span>Travel-Game</span>
    </a>
</li>
<li>
    <a href="{{config path="web/secure/base_url"}}other/carrom.html">
        <img src="{{media url="wysiwyg/carrom.jpg"}}" alt="carrom" />
        <span>Carrom</span>
    </a>
</li>

  • Fishing
  • Chess
  • Dart
  • proper alignment if 4 subcategories

    aligment is not proper if i add more than 5

    1 Answer 1

    0

    If you are add category static then make your html like below

    <ul>
       <li>First category of first row</li>
       <li>second category of first row</li>
       <li>third category of first row</li>
       <li>Fourth category of first row</li>
    </ul>
    <ul>
       <li>First category of second row</li>
       <li>second category of second row</li>
       <li>third category of second row</li>
       <li>Fourth category of second row</li>
    </ul>
    

    style ul as below

    <style>
    ul li{
      display: inline;
    }
    </style>
    
    2

    Your Answer

    By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

    Not the answer you're looking for? Browse other questions tagged or ask your own question.