Reduce menu link padding in the footer

Reduce menu link padding in the footer

In the footer section, add the following in the custom css:
Idea
.list-menu__item--link {
  padding: 0px;
}


    • Related Articles

    • Make parent link clickable

      Snippets > header-mega-menu.liquid (l.19-25) Parentlink {%- assign parentlink = link.links[0] -%} <a href="{{ parentlink.url }}" title="{{ parentlink.title }}"> <span {%- if link.child_active %} class="header__active-menu-item" {% endif %} > {{- ...

    • Hide menu link in mega menu when product counts = 0

      In header-mega-menu.liquid, search {%- for childlink in link.links -%} Add the following below: {%- if childlink.object and childlink.object.products_count == 0 -%} {%- continue -%} {%- endif -%} Then, search {%- for grandchildlink in childlink.links ...

    • Reduce the text for newsletter signup in the footer

      In the footer section, add in the following in custom css: .footer-block__newsletter .footer-block__heading, .newsletter-form__field-wrapper .field__label { font-size: 14px !important; }

    • Remove menu arrows in header

      From your Shopify admin dashboard, click on "Online Store" and then "Themes". Find the theme that you want to edit and click on "Actions" and then "Edit code". In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on ...

    • Adjust footer layout to center on mobile view

      In the footer section, add the following in the custom css: @media only screen and (max-width: 749px) { .list-menu__item { justify-content: center; } .footer-block.grid__item.scroll-trigger.animate--slide-in { text-align: center; } ...