Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • cd1999 Friend

    Hello, may someone please help me with understanding how to reduce spaces between modules in ja_restaurant. For example, how to reduce space between masthead and our menu on this page .

    Thank you, Chris

    Saguaros Moderator

    Hi Chris,

    We set the padding for the Menu section on top & bottom, you can control that space via this CSS:

    .no-padding .acm-container-tabs > .container {
        padding-top: 120px;
        padding-bottom: 120px;

    just put above CSS rule to the file: root/templates/ja_restaurant (your default template)/css/custom.css (create this file if it doesn’t exist) and change the value for padding-top and padding-bottom properties to suit your need.


    cd1999 Friend
    This reply has been marked as private.
    Saguaros Moderator


    Try to use the !important like this:

    .t3-section .no-padding .acm-container-tabs > .container {
    padding-top: 10px !important;
    padding-bottom: 20px !important;

    As you can see the space is reduced now:


    cd1999 Friend

    Thank you so much! This works. Chris

Viewing 5 posts - 1 through 5 (of 5 total)

This topic contains 4 replies, has 2 voices, and was last updated by  cd1999 2 years, 9 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum