Jump to content

Is it possible to add a custom button below social media icons in navegation?

Recommended Posts

Site URL: https://www.maiagt.org/

Good morning, I am curious as to whether you can add a custom button below the social media icons. Ideally we would love to have the "Convocatoria," which is currently a title in the navegation, to be its own, medium sized button and placed just below the social media icons. I have attached a screenshot of what it currently looks like:

Here is the website: https://www.maiagt.org/

1.png

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Almost, we are hoping to put "Convocatorias" directly underneath the social icons, if possible as a button, almost as if it were another social icon button but with its complete text. Our thought is this would free up some space in the navigation bar so that it is not as crammed.

Would you have any suggestions for this? 

Link to comment

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('<div class="sqs-block-button button-block tp-button-block"><div class="sqs-block-content"><div class="sqs-block-button-container sqs-block-button-container--center"><a href="/convocatorias" class="sqs-block-button-element--small sqs-button-element--primary sqs-block-button-element">Convocatorias</a></div></div></div>').insertAfter('header.Header .SocialLinks-inner');
	});
</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

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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