inunzi

Hey I was wondering if it was possible to change the  favicon on my site in the search engines, like how other businesses have it? Like, is it possible to change rhe globe icon, to my logo, like how it is on fort burches site? Thanks!🙂  
I put a photo down below to give you a better image of what I mean. 
 

I tested this code on my site, and it doesn't show a line under the social icons on desktop nor on mobile. You can also customize the transition speed, the thickness of the line, and I think you can also change the color of the line too. Copy and paste the code below in the custom css section, located the the design page. 
// Stretchy Navigation Line - v2 // .header-nav-item::after { content: ''; background: #000000; //color height: 2px; //thickness width: 0; display: block; margin-top: 2px !important; transition: width 1s; //animation speed margin: 0 auto; } .header-nav-item:hover::after { width: 100%; } .header-nav-item--active a { background-image: none !important; }

It's possible to add a link to the cart page, but you cannot add a link (or anything else!) to the checkout page as it is locked down.
If you are looking for something like this, I'll put together a guide for you. The cart is the same on 7.0 and 7.1 so it won't make a difference.

 

This will get you started.
Add the following to Design > Custom CSS.
#cart .cart-container::before {   content: 'xyz';      } You can add things like font size and padding to spiff it up.
Let us know how it goes.

1. I saw the other response so you don’t want the button navigation correct? 
2. would you still want a minimal drop down menu with the other design with the  arrow under the logo? 
3.I will surely! I followed you so I will always keep in touch😁. I hope you update me as well because I want to see your brand grow and become a success too! 

I tested this code on my site, and it doesn't show a line under the social icons on desktop nor on mobile. You can also customize the transition speed, the thickness of the line, and I think you can also change the color of the line too. Copy and paste the code below in the custom css section, located the the design page. 
// Stretchy Navigation Line - v2 // .header-nav-item::after { content: ''; background: #000000; //color height: 2px; //thickness width: 0; display: block; margin-top: 2px !important; transition: width 1s; //animation speed margin: 0 auto; } .header-nav-item:hover::after { width: 100%; } .header-nav-item--active a { background-image: none !important; }

Are you trying to look for a new hover effect code, or keep this one and just tweak it? Because I really love that give affect you have. Oh and btw, the food on your website looks super good.😁

Oh, does it look good on google chrome? And no problem😁!

It doesn’t look bad at all on mobile on my side. 

No problem 😁👍 @ShortAngryViking  Is there anything else that I can help you with? Thanks!

@HarKS Yes, there is a way to do this, and it is very easy to do so! Just go to your Squarespace site-click edit-then click the header and click the button that says “Edit header”. After you pressed that button, there should be a few different sections such as header layout, logo and site title,etc. You will want to press the section that says “style”. Now you can customize the link spacing, and more! I sent screen shots down below to help you more.
Do you have any other questions? Thanks!

@HarKS Yes, there is a way to do this, and it is very easy to do so! Just go to your Squarespace site-click edit-then click the header and click the button that says “Edit header”. After you pressed that button, there should be a few different sections such as header layout, logo and site title,etc. You will want to press the section that says “style”. Now you can customize the link spacing, and more! I sent screen shots down below to help you more.
Do you have any other questions? Thanks!

Use this lightbox plugin.
it should work.
It can do more:
Text link to Lightbox Button to Lightbox Image to Lightbox Image to Video Lightbox Navigation Link to Lightbox Summary Items to Lightbox Gallery Image to Lightbox Custom Promonal Popup Upsell Popup and more

You can try this code. I tested on my demo site.

First, enable Announcement Bar
next, edit Footer > Add Code Block > paste this code
<!-- Scrolling bar - Codepen --> <div id="text-carousel" class="carousel slide" data-ride="carousel"> <!-- Wrapper for slides --> <div class="row"> <div class="col-xs-offset-3 col-xs-6"> <div class="carousel-inner"> <div class="item active"> <div class="carousel-content"> <div> <p>Sapiente, ducimus, voluptas, mollitia voluptatibus nemo explicabo sit blanditiis laborum dolore illum fuga veniam quae expedita libero accusamus quas harum ex numquam necessitatibus provident deleniti tenetur iusto officiis recusandae corporis culpa quaerat?</p> </div> </div> </div> <div class="item"> <div class="carousel-content"> <div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, sint fuga temporibus nam saepe delectus expedita vitae magnam necessitatibus dolores tempore consequatur dicta cumque repellendus eligendi ducimus placeat! </p> </div> </div> </div> <div class="item"> <div class="carousel-content"> <div> <p>Sapiente, ducimus, voluptas, mollitia voluptatibus nemo explicabo sit blanditiis laborum dolore illum fuga veniam quae expedita libero accusamus quas harum ex numquam necessitatibus provident deleniti tenetur iusto officiis recusandae corporis culpa quaerat?</p> </div> </div> </div> </div> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#text-carousel" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#text-carousel" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/> <style> .carousel-content { color:black; display:flex; align-items:center; } #text-carousel { width: 100%; height: auto; padding: 50px; } </style> Then share site url. We will give the code to move scrolling bar into Announcement bar