Edit Your Website Layout
The Layout settings in the Design panel control the position of your website's Navigation bar and Footer in relation to the rest of your website.
To choose or change the layout of your website:
- Click Design at the top of your Websites app to open the Design panel.
- On the right-hand sidebar, navigate to the Sitewide tab and select Layout.
You will have the option to modify the following settings:
| Choose a Layout | Open the drop-down menu to select one of the layout options. This will determine where your logo will sit in relation to your navigation menu items, and the position of your navigation bar on your site. | |
| Layout width | Open the drop-down menu to choose one of the width options. If you choose any option other than "Full", you can also choose to check the box to stretch the header and navigation to the window edges. | |
| Top Padding | Move the slider bar to add or remove Padding (empty space) above the navigation menu and header. |
Related Articles
Edit Your Website's Header & Logo
The Header & Logo settings in the Design panel lets you manage your website's logo, favicon, and edit the spacing and border of your website's Header. These are Sitewide settings, so any changes you make here will apply to every page on your website. ...Edit Your Website's Navigation Design
The Navigation settings in the Design panel lets you manage the appearance of your your website's navigation bar, menu items, and drop-down menus. You can choose separate settings for how your navigation menu appears on desktop and mobile devices. ...Edit Your Footer Layout and Design
The Footer settings in the Design panel control the layout, text settings, social icon designs, and design settings of your website's Footer. This is a sitewide setting, so any change you make here will apply to every page on your website. To find ...Edit Your Website Styles
The Styles settings in the Design panel control the appearance of various elements of your website, such as text, images, buttons, links, and more. This is a Sitewide settings, so any change you make here will edit all instances across your website. ...Add an Image or Logo to Your Footer
If you are looking to add an image to your website's footer - such as the logo of your company, awards you have received, or any professional organizations you belong to - you can do so by following the steps below. Adding an image to the footer Part ...