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

Call to action button on Navigation - AVENUE template

Question

Posted (edited)

Hello

Any ideas on how to add a call to action on the navigation (subscribe to newsletter)? I currently just pasted a unicode character in the page description, but I would prefer a button. I tried all the other ideas for other templates provided in this forum but nothing seems to work. The URL is www.onebreath.eu

Thank you!!!

Edited by myrto
Initial Revision

Share this post


Link to post

10 answers to this question

Recommended Posts

  • 0

Hi,

You can try this. It targets the last item in your menu on both desktop and mobile: alt text


 .Header-nav.Header-nav--primary .Header-nav-inner > a:last-of-type, .Mobile-overlay-nav.Mobile-overlay-nav--primary > a:last-of-type {
  border: 2px solid white;
  padding: 10px 30px;
  border-radius: 300px;
}

If you want to target only desktop, use this part:


 .Header-nav.Header-nav--primary .Header-nav-inner > a:last-of-type { 
  border: 2px solid white;
  padding: 10px 30px;
  border-radius: 300px;
}

For only mobile, use this:


 .Mobile-overlay-nav.Mobile-overlay-nav--primary > a:last-of-type {
      border: 2px solid white;
      padding: 10px 30px;
      border-radius: 300px;
    }







Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour

Share this post


Link to post
  • 0

Hello @mdhanjal, thanks so much for your reply! I tried all 3 options but nothing seems to work :-(Any ideas why?

Share this post


Link to post
  • 0

past this code in custom css box


#topNav nav li:last-child {
   margin-right: 0px;
   background-color: burlywood;
   height: 38px;
   margin-top: 35px;
   border: 2px solid brown;
}

#topNav nav li:last-child a {
   margin-right: 2px;
   margin-top: -35px;
}





Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour

Share this post


Link to post
  • 0

This is great @mdhanjal, but it seems to be targeting the last items on the dropdown menus as well, not just the far right, last item on the top level navigation menu. For example, it targets Resources, which is the last item under the Mindfulness navigation item.

Any ideas how to isolate just the top level navigation items?

Share this post


Link to post
  • 0

ok got it .

past this code on code injection in header


<a href="https://www.onebreath.eu/newsletter" class="myButton">NewsLetter</a>
<style>

 .myButton {
   background-color:#e6b17c;
   border-radius:3px;
   border:1px solid #fac291;
   display:inline-block;
   cursor:pointer;
   color:#ffffff;
   font-family:Arial;
   font-size:13px;
   padding:6px 24px;
   text-decoration:none;
   text-shadow:0px 1px 0px #4d3534;
   float: right;
   margin-top: 68px;
   margin-right: 61px;
}
.myButton:hover {
   background-color:#e6b17c;
}
.myButton:active {
   position:relative;
   top:5px;
}
</style>



Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour

Share this post


Link to post
  • 0

and hide newsletter menu.


Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour

Share this post


Link to post
  • 0

@mdhanjal thanks! I am a bit out of my league though here: how do I paste on code injection in header? I am not sure...I only know how to add CSS :-)Sorry I'm taking so much of your time :-)

Share this post


Link to post
  • 0

@mdhanjal I tried injecting in Header as per instructions, but noting happens. What do you mean by "hide newsletter menu"?

Share this post


Link to post
  • 0

give me access. i will set.


Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour

Share this post


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...