How to configure navigation and footer on Shipixen
Quick Answer
Configure navigation and footer on Shipixen by accessing the Theme Settings in your dashboard, then customize menu items, links, and footer content through the visual editor. Changes are applied instantly to your live site.
Prerequisites
- Active Shipixen account
- Basic understanding of website structure
- Access to Shipixen dashboard
- Created Shipixen project
Step-by-Step Instructions
1
Access Theme Settings
Log into your Shipixen dashboard and select your project. Navigate to Theme in the left sidebar, then click on Navigation & Footer to open the configuration panel.
Make sure you're working on the correct project if you have multiple sites
2
Configure Primary Navigation
In the Navigation section, click Add Menu Item to create new navigation links. Enter the Label (display text) and URL for each menu item. Use the drag handles to reorder menu items as needed.
Use relative URLs like /about for internal pages and full URLs for external links
3
Set Navigation Style and Behavior
Choose your navigation style from the Navigation Type dropdown. Select Horizontal, Centered, or Logo Left layout. Toggle Sticky Navigation to keep the menu visible while scrolling.
Preview different styles using the live preview to see what works best for your content
4
Configure Logo and Brand
In the Brand section, upload your logo by clicking Upload Logo or enter your site title in the Brand Text field. Set the logo dimensions and adjust the Logo Position relative to navigation items.
Use PNG or SVG format for logos, with recommended dimensions of 150x50 pixels
5
Set Up Footer Structure
Scroll to the Footer Configuration section. Choose your footer layout from Single Column, Multi Column, or Minimal. Add footer sections by clicking Add Footer Section and entering section titles and content.
Multi-column layouts work well for sites with lots of footer links and information
6
Add Footer Links and Content
Within each footer section, click Add Link to create footer navigation. Enter Link Text and URL for each footer link. Use the Footer Text area to add copyright information, company description, or contact details.
Include important legal pages like Privacy Policy and Terms of Service in your footer
7
Configure Social Media Links
In the Social Links section of the footer, toggle on the social platforms you want to display. Enter your social media URLs in the corresponding fields for Twitter, Facebook, LinkedIn, Instagram, and other platforms.
Only enable social links you actively maintain to avoid dead links
8
Preview and Publish Changes
Click Preview to see your navigation and footer changes on a test version of your site. Review the mobile responsive behavior by using the device preview options. When satisfied, click Save & Deploy to publish your changes live.
Always test on mobile devices as navigation behavior can differ significantly from desktop
Common Issues & Troubleshooting
Navigation menu not showing on mobile
Check that Mobile Menu is enabled in Theme Settings and ensure your navigation items aren't set to Desktop Only visibility.
Footer links not working correctly
Verify that URLs include https:// for external links and start with / for internal pages. Check for typos in the URL field.
Logo appears too large or small
Adjust the Logo Size setting in Brand configuration, or resize your logo image to recommended dimensions before uploading.
Changes not appearing on live site
Ensure you clicked Save & Deploy and wait 2-3 minutes for changes to propagate. Clear your browser cache if changes still don't appear.
Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Shipixen website before purchasing.