How to Manage the Footer Bar Layout and Width in Astra?

No results found. Try again with different words?

Search must be at least 3 characters.

    Footer Bar

    Footer is the area where you can put copyright information along with widgets, menus, etc. You can choose a layout for the small footer bar under Appearance > Customize > Footer > Footer Bar > Layout

    Footer Bar Layout

    Astra provides two layouts for the footer bar.

    • Footer bar layout one – It will stack the two sections of the footer bar
    • Footer bar layout two – It will display the two sections inline
    Footer Bar Layout, Astra 3.0+

    Section 1 and Section 2

    As per the layout choose you can display the footer content as Stacked or Inline as mentioned above and Astra offers two different sections for the footer bar. You can choose options for each section from the dropdown.

    Footer Bar - Two Sections, Astra 3.0+

    Footer Menu

    You can display the menu in the footer with this option. Once you activate this option for a section, it will show the menu set as a Footer Menu at Appearance > Customize > Menus.

    Footer Bar - Footer Menu, Astra 3.0+

    If you need to create a new menu for your Footer you can do this under Appearance > Customize > Menus > Create New Menu and assign it to Footer Menu

    Footer Bar - Create New Footer Menu, Astra 3.0+

    Text (Custom Text/HTML)

    You can add custom text or HTML code to the footer with this option.

    Footer Bar - Text/HTML, Astra 3.0+

    Read more about Custom Text Helper Strings from here.

    Widget

    You can also add a widgets to footer sections using this option:

    Footer Bar - Widget, Astra 3.0+

    After setting widget for the footer section you can add widget to it under Appearance > Customize > Widgets > Footer Bar Section 1/ Footer Bar Section 2

    Footer Bar - Choose Widget, Astra 3.0+

    Footer Bar Width

    This allows you to set footer content width either to full width or to content width. You can choose options from the dropdown. Footer bar background will be set to full width by default just the content width will change.

    • Full Width – It will stretch the footer content to both ends according to your screen size.
    • Content Width – It will set content of the footer to container width set under Appearance > Customize > Layout > Site Layout > Container Width.

    Footer Bar Top Border

    You can set a top border width for the footer bar and its color with these options.

    Footer Bar - Top Border, Astra 3.0+

    Related documents –

    We provide more styling options in dedicated modules of the Astra Pro Addon plugin. Learn more about the Footer Widgets module of Astra Pro Addon.


    If you are using Astra Header Footer builder that is available with Astra version 3.0 and above, refer to the document list here.

    Was this article helpful?
    Did not find a solution? We are here to help you succeed.

    Related Docs

    Scroll to Top

    Download is Just A Click Away!

    Be among the first to try the beta version of Astra’s Header Footer Builder. Filling the form will ensure you’ll be the first to learn about updates and features.

    Download is Just A Click Away!

    Enter your email address and be the first to learn about updates and new features.