Jump to content

Is it possible to have your main site navigation on a cover page?

By Michaelo, in Site Design & Styles

Go to solution Solved by tuanphan,

Recommended Posts

Michaelo Level 4

Michaelo

Posted
Posted

Hello, I was hoping to get some advice please.

i have a site that has a cover splash page being used as a homepage. I would like to have my main navigation visible on the cover page and in the same position as the other pages in the main site. I know this probably needs some css but I don’t know where to start.

here is a link to the site www.designbyassoc.com

thank you

Michael

Link to comment
  • Replies 5
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy
Ziggy

The whole point of a cover page is not to have the navigation and footer. If you want a page with the navigation, the best place to start is a standard page and potentially remove the footer with CSS.

tuanphan
tuanphan

This will require CSS code, but you need to use a Business Plan or higher to able to add code to Cover Page (If you already use this plan, let me know), I can give you code.

Michaelo
Michaelo

That's perfect. Thank you very much. It's really appreciated.

Posted Images

Ziggy Level 14

Ziggy

Posted
Posted

The whole point of a cover page is not to have the navigation and footer. If you want a page with the navigation, the best place to start is a standard page and potentially remove the footer with CSS.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
  • Solution
tuanphan Level 18

tuanphan

Posted
  • Solution
Posted
On 3/16/2024 at 5:23 PM, Michaelo said:

Thanks, that would be great. I can add code to the cover page in ‘advanced’.

Add this code to Advanced tab 

<li class="new-nav1"><a href="/projects">Projects</a></li>
<li class="new-nav2"><a href="/about">Information</a></li>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  jQuery(document).ready(function($){
  $('.new-nav1, .new-nav2').appendTo('ul');
})
</script>
<style>
  li.new-nav2 a, li.new-nav1 a {
    color: #2d2d2d !important;
}
</style>

image.png.080f5e7f67cdabcad35ba7ea0de5c357.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources