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

How to add a call to action button in main navigation? (Marquee Template)


Site URL: http://www.arthurkorbielphotography.ca


I want to add a call to action button/highlight button in my main navigation for the last link (Book Now)

I've already tried a bunch of other css codes , however they don't seem to work for me. When I add the following code: 

.main-nav li:last-child a {
   background: #000;
   color: #fff !important;
   padding: 10px 20px !important;
   border-radius: 20px;

It does exactly what I'm looking for, except for one thing - It applies the look to the last item in of the navigation headings/drop-downs (See Screenshot). I want it only applied to the "Book Now" in the main navigation, not the menu items in the dropdown menus.

My website is - www.arthurkorbielphotography.ca 


Screen Shot 2020-04-12 at 3.09.17 AM.png

Share this post

Link to post

1 answer to this question

Recommended Posts

Create an account or sign in to comment

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

  • Create New...