Dostosowanie kategorii na stronie głównej

[Bonek092]

Witam serdecznie

 

Mam problem dotyczący odpowiedniego ułożenia kategorii na głównej stronie sklepu zaraz pod głównym menu.

Kategorie maja między soba bardzo duże odstepy i nie układają się równomiernie mimo przesuwania ich pozycji w panelu Presty (screen w załączniku). W jaki sposób mogę wydedytować widoczne odstępy między kategoriami i podkategoriami w górnej belce? W modułach znalazłem tylko "Blok kategorii" ale jest on odpowiedzialny tylko za kategorie po lewej stronie strony.

 

Jak mogę rozwiązać ten problem?

Proszę o szybką pomoc

Pozdrawiam serdecznie

[Angar]

Musisz edytować css modułu menu i dostosować tam wygląd do swoich potrzeb.

[Bonek092]

Wiesz może jaki to plik ? Bo z edycja raczej nie będę miał już problemów

[Angar]

Sprawdź w themes\default-bootstrap\css\modules\blocktopmenu\css\superfish-modified.css

[Bonek092]

Mam coś takiego w tym pliku:

#block_top_menu .category-thumbnail {
  clear: both;
  width: 100%;
  float: none; }
  #block_top_menu .category-thumbnail div {
    float: left;
    width: 33.33333%; }
    #block_top_menu .category-thumbnail div img {
      max-width: 100%; }
#block_top_menu li.category-thumbnail {
  padding-right: 0; }

Oraz:

.sf-menu > li > ul > li.category-thumbnail {
  width: 100% !important;
  float: none;
  clear: both;
  overflow: hidden;
  padding-right: 0; }
  .sf-menu > li > ul > li.category-thumbnail > div {
    float: left;
    padding-left: 10px;
    width: 33.333%; }
    @media (max-width: 479px) {
      .sf-menu > li > ul > li.category-thumbnail > div {
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
        text-align: center; } }
    .sf-menu > li > ul > li.category-thumbnail > div:first-child {
      padding-left: 0; }
    .sf-menu > li > ul > li.category-thumbnail > div img {
      max-width: 100%;
      display: block; }

Lecz nie wiem czy chodzi o te linijki kodu...