IanBanker Posted August 15, 2020 Share Posted August 15, 2020 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 comment
tuanphan Posted August 15, 2020 Share Posted August 15, 2020 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> 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
IanBanker Posted August 15, 2020 Author Share Posted August 15, 2020 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 comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.