Abstand in Menü verkleinern

Hallo zusammen,

ich hoffe ihr könnt mir wieder mal unter die Arme greifen :slightly_smiling_face:
Versuche verzweifelt den Abstand zwischen meinen Kategorien zu verkleinern.

Shopadresse lautet: www.rollinart.at

Im Theme habe ich dazu keine Einstellungen gefunden. Muss ich hierzu in den Code? Wenn ja, hat jemand eine Idee wo ich das machen kann ?

Thx :wink:
LG

Ergänzend hier meine Header.liquid:

Show More
{%- if section.settings.sidenav_position == 'top' -%} {%- include 'sidenav', layout: 'top' -%} {%- endif -%}

{%- if linklists[settings.mobilenav_linklist].links.size > 0 -%} {%- endif -%} {% if section.settings.show_search == 'icon' %} {% endif %} {% if section.settings.chat_enable %} {% endif %}

{%- include 'logo' -%}{% if template == 'index' %}# {{ logo_imgtag_full }} {{ logo_imgtag_mobile }}{% else %}{{ logo_imgtag_full }} {{ logo_imgtag_mobile }}
{% endif %}
{%- include 'helper_gtm', gtm_attributes: settings.gtm_attributes_mm_second_level -%} {%- assign gtm_attributes_mm_second_level = gtm_custom_attributes -%} {%- include 'helper_gtm', gtm_attributes: section.settings.gtm_attributes_primary -%} {%- comment -%} MEGAMEN Get megamenu_index setting for later. {%- endcomment -%} {%- if settings.megamenu_enable -%} {%- assign megamenu_index = settings.megamenu_index | split: ',' -%} {%- endif -%}
{%- if section.settings.sidenav_position == 'above_cart' -%} {%- include 'sidenav', layout: 'above_cart' -%} {%- endif -%} {%- if section.settings.show_search == 'icon_right' -%}

{%- endif -%}{%- if section.settings.cart_price or section.settings.cart_quantity == 'text' or section.settings.cart_quantity == 'all' -%} {%- assign class_price = ' tp-block' -%} {%- assign class_icon = ' ml-05' -%} {%- endif -%}
{%- if section.settings.cart_price -%}
{{ cart.total_price | money }}
{%- endif -%} {%- if section.settings.cart_checkout -%}{{ 'cart.general.checkout' | t }}
{%- else -%} {%- if section.settings.cart_quantity == 'text' or section.settings.cart_quantity == 'all' -%}{{ cart.item_count }} {{ 'layout.cart.items_count' | t: count: cart.item_count }}
{%- endif -%} {%- endif -%}
{%- if section.settings.cart_quantity == 'badge' or section.settings.cart_quantity == 'all' -%} {%- assign class_count = ' flex' -%} {%- else -%} {%- assign class_count = ' hidden' -%} {%- endif -%}
{{ cart.item_count }}
{%- include 'svg', class: 'block', icon: '', fill: '', stroke: '', height: section.settings.cart_icon_height, width: section.settings.cart_icon_width, reference: section.settings.cart_icon_reference -%}
{%- if settings.ajax_cart_method == "page" -%}

{{ 'cart.general.goto' | t }}
{%- endif -%}

{%- if collection and section.settings.show_collection_subnavigation -%} {%- for link in linklists[header_linklist_one].links -%} {%- if link.links != blank and link.active or link.child_active -%}

{%- endif -%} {%- endfor -%} {%- endif -%} {% include 'search-bar' %}

Ich hoffe damit kann jemand mehr anfangen als ich :confused:

@Tina17 im ersten Ansatz hätte ich schaut, ob dein Theme so etwas erlaubt, aber da du ein Custom Theme hast, kann ich dir leider nicht sagen, wo du das einstellen könntest. Hast du die Entwickler kontaktiert, die das Theme erstellt haben?

Andernfalls könnte man das noch über CSS definieren. Allerdings muss man berücksichtigen, dass die Breite, die du gerade ansprichst, auf anderen Endgeräten kleiner ausfällt und die Abstände deswegen kleiner ausfallen.

Folgendes kannst du mal in einer Sicherheitskopie des Themes in der Theme.css Datei ganz unten platzieren.

@media screen and (min-width:1200px) {
  .w-1-8 {
   width:12.5%!important;
  }
}

Dann musst du wahrscheinlich in deine header.liquid Datei und dort das MegaMenu aufsuchen. Halte nach folgendem Ausschau:

- ```

Das ersetzt du dann mit folgendem

```markup
- ```

Nachdem du das gemacht hast, werden die einzelnen Untermenüs nach links rücken und näher beieinander stehen. Ob das am Ende besser aussieht, ist die selbst überlassen :wink: – Aber der Abstand ist dann kleiner.