Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Move code below the header


IanBanker

Question

Site URL: https://santisuk.squarespace.com

Hey everyone,

I figured out how to make the thai and english copy of my website have different navigation links - I just inserted a simple code and manually created the buttons. 
The only issue I have with this is that the buttons are above the banner, rather than below it. Is there a way to move the body to be under the navigation bar from Squarespace?

The website is Santisuk.squarespace.com. I'm using the Bedford template in 7.0. 

Here is the code:

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Santisuk Thai Navigation</title> 
<style type="text/css"> 
<!-- 
 
 #navbar ul { 
    margin: 0; 
    padding: 20px; 
    list-style-type: none; 
    text-align: Right; 
    background-color: #222377; 
    } 
 
#navbar ul li {  
    display: inline; 
    } 
 
#navbar ul li a { 
    text-decoration: none; 
    padding: .2em 1em; 
    color: #fff; 
    background-color: #222377; 
    } 
 
#navbar ul li a:hover { 
    color: #000; 
    background-color: #fff; 
    } 
 
--> 
</style> 
</head> 
<body> 
<div id="navbar"> 
  <ul> 
    <li><a href="/santisuk/home">Home</a></li> 
    <li><a href="/santisuk/costs">Costs</a></li> 
        <li><a href="/santisuk/about-us">About Us</a></li> 
    <li><a href="/santisuk/register">Register</a></li> 
    <li><a href="/santisuk/staff">Staff</a></li> 
    <li><a href="/santisuk/gallery">Gallery</a></li> 
    <li><a href="/santisuk/history">History</a></li>
    <li><a href="/santisuk/contact-us">Contact Us</a></li> 
        <li><a href="/santisuk/faqs">FAQs</a></li> 
        <li><a href="/santisuk/pickleball">Pickleball</a></li> 
  </ul> 
</div> 
</body> 
</html>

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

Add to Home > Settings > Advanced > Code Injection > Footer <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> jQuer

2 answers to this question

Recommended Posts

  • 0

Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
  jQuery(document).ready(function($) {
	$('#navbar').insertAfter("header#header");
});
</script>

 

You can send your question to my email to get faster answer.

How to:

-- I'm off in Lunar New Year. Will take 3-7 days to you get the answer on Forum.

Link to post
  • 0
24 minutes ago, tuanphan said:

Add to Home > Settings > Advanced > Code Injection > Footer


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
  jQuery(document).ready(function($) {
	$('#navbar').insertAfter("header#header");
});
</script>

 

Thank you so so much!!

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...