Add or Remove Padding from the Navigation Menu

Add or Remove Padding from the Navigation Menu

There are two ways to add and remove the padding from the navigation menu, on a site-wide scale and on a page-by-page basis.  To remove the padding on a sitewide level, follow these steps:

1. Select Design

2. Select Sitewide in the Design panel on the right

3. Select Layout

4. Use the Space before content slider to increase and decrease the padding between the navigation menu and your content

Note: This changes the spacing on all of your pages.

To change the spacing on a specific page:

1. Select the page in the design preview window

2. In the Design Panel on the right side, select Page

3. Select the Gear icon at the bottom

4. Use the Space before content slider 

Note: If Navigation Menu overlays images or text content, add top padding to fix the issue.

    • Related Articles

    • Add Spacing in Between Blocks

      Adding padding between your site's content blocks or the top menu can make your site stand out. Change padding between content blocks 1. Click on the Design tool in the gray navigation bar. 2. In the Design view, on the right side, select the page ...

    • Add Sitewide Banner Above Top Navigation

      You can call attention to a sale or a special announcement to your website's visitors by adding a sitewide banner above your website's top navigation bar. This process involves building a text block, then adding some custom CSS and JS code to your ...

    • Set Content from Double-Spaced to Single-Spaced

      Most content is automatically set to double space by default. This setting can be overridden in the Design panel; follow these steps on how: 1. Select Design in the gray navigation var and navigate to your page. 2. Highlight your content and select ...

    • Enable/Style Expandable Navigation in Your Side Navigation

      You have the ability to enable expandable menus in all of the side navigation layouts. An expandable menu is simply a section of pages you have categorized in your navigation menu that is able to be viewed by the click of the mouse. Note: These ...

    • Enable Mobile Navigation on Desktop

      You can use your website's mobile navigation even when it's viewed on a desktop. This can create a consistent experience for your visitors, especially if you prefer the mobile menu's compact design. Steps to Use Mobile Navigation on Desktop View ...