SW_2020

I'm working on a site where I added a custom menu on the desktop and now the mobile menu is not working. The menu on mobile has a .> as in the picture attached.

https://earthworm-star-ema4.squarespace.com/

PW: BuildersofBrands

/* Dropdown */
.header-nav-folder-content {
background: #231F20 !important; }
.header-nav-folder-title::after {
  content: ".";
  display: inline-block;
  width: 40px; /* Adjust width as needed */
  height: 30px; /* Adjust height as needed */
  background-image: url('https://static1.squarespace.com/static/66688df9e62afc1de9390d86/t/66a7aed614368a696268f994/1722265302643/Nav_Icon_noCircle.png');
  background-size: contain; /* or contain, depending on your preference */
}
.header-nav-folder-item { a { 
color: #ffffff !important; 
padding: 15px !important; }}

.header-nav-folder-item {
   font-family: "Oswald", !important;
}

/* right menu */
.header-title-nav-wrapper {
    flex: 1 .1 100%;
    flex-direction: row-reverse;
}
.header-nav {
    text-align: right;
}
.header-title-logo {
    text-align: center;
}

/* center logo */
.header-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    text-align: center;
}
.burger-inner {
    display: none !important;
}

https://earthworm-star-ema4.squarespace.com/amazon

pw: BuildersofBrands

I'm looking for help to remove the space added to the bottom of videos on the Mobile Site.

I'm using the code below to change an image from b/w to color and reveal text. It's working but I'm having trouble adding a second line under the name as shown on 3rd image.

/* Change Image on Kent - Our Story  */
#block-d4c837fbd58a4803d810 {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#block-d4c837fbd58a4803d810:hover {
  opacity: 1;

.sqs-block-content:after{
  content:'Kent Breard';
  position: absolute;
  top: 170px;
  padding: 50px;
  font-weight:bold;
  color:white;
  font-family:Oswald!important;

  }
}

I did contact support they said I should use the rewind function from the installation page and tried that and it worked as an option. I'll check all my pages to see if I can find a blank page.

Thank you

I had the wrong password.

PW: be-next

Need a little help on this slider with videos that were added to Squarespace.

Once you cycle through the videos it will show a blank space for the first screen and by clicking the arrow to the next screen the video will flash for a second as it moves to the next video. This also happens from the start by clicking the Left Arrow.

https://mayflower-bluebird-pch2.squarespace.com/animations

PW: be-next

Can you get an auto play like this using a vimeo video link?

Thank you, this worked!

Web URL

https://www.sanderswingo.com/

Thank you

Hello, can you help me with this code for 7.0?

Thank you Fenix for the response, I was able to fix it and removed the first code you selected in the footer.

Site URL: https://www.sanderswingo.com

I activated the Announcement Bar and have tried several CSS code sample from the forum and I can't get it to work. Can someone take a look and let me know what i'm missing? I've tried to add it to just one page adding code to Custom CSS and to page header, adding space to the header.

Where would you add the open in new tab on this code?

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $('.header-title-logo a').attr('href','https://beaverhero.com');
});
</script>
 

This works great, quick question... Where there is a longer description vs a shorter one and the copy is stacked under the image the image gets smaller. Is there a way to keep all images the same size all the time?

thanks