TheHouseOfMischief

Hi @tuanphan, sorry I missed your reply last time, thank you so much for your help, appreciate it as always, worked a treat. All the best.

Fantastic @tuanphan, you're a wizard. Thank you so much!

Is there a way to avoid the opening of a new tab on desktop? 

Hi, on my navigation bar, in addition to the website menu, I have a button  with a link to the company's phone number. This works on mobile but not on desktop. So I was hoping to have an alternate link on desktop view, which links to the contact page instead.

Hi thank you. I can't seem to find the block ID for this one. The button is on the top nav bar menu. 

Not sure if the below is helpful?

<a class="btn btn--border theme-btn--primary-inverse sqs-button-element--primary" href="tel:+441234944700" target="_blank">
                    Call us now
                  </a>

Hi, I am looking to have alternate url on desktop and mobile view - from the same button. Is it possible? Thanks.

Thank you as ever Tuanphan, you're the best!

Hi everyone,

I have also been trying to hide the background video from the homepage (but not on the other pages) on mobile, but it's not working.

I have tried many solutions of many different threads. I am obviously doing something wrong but have been unable to work out my mistake!

https://www.muddytripods.com/

I am using Mojave from the Brine family (7.0).

Can you help please? 

Thank you,
Debora

On 9/26/2021 at 3:36 AM, tuanphan said:

Quote

Hi Tuanphan,

Thank you very much for your help, sorry I only just saw your reply!!

On 9/19/2021 at 10:27 AM, tuanphan said:

Hi,

You want

• change arrows to circle dots
• move circle dots under testimonial name

is this right?

Hi Tuanphan,

Yes that's correct, thank you.

Site URL: https://sanctuarymediagroup.squarespace.com/#testimonials

Hi there,

I have created a testimonial slider in 7.0 (Brine) with the testimonials set up in a hidden Blogs page and the code below.

Is there a way to change the navigation from the existing arrows at the top to a 'dots navigation' below the testimonials, which would make it easier for users to understand there is more than one testimonial.

This is the web address 
https://sanctuarymediagroup.squarespace.com/#testimonials
Password SMG

Many thanks!
 

********CSS********

#block-yui_3_17_2_1_1630433547364_2252 .summary-thumbnail {
  overflow: visible !important;
  border: none;
}
#block-yui_3_17_2_1_1630433547364_2252 .summary-item-list {
  pointer-events: none;
}
#block-yui_3_17_2_1_1630433547364_2252 .summary-item-list img {
  height: 150px !important;
  width: 150px !important;
}
#block-yui_3_17_2_1_1630433547364_2252 .summary-thumbnail-outer-container {
  height: 150px !important;
  width: 150px !important;
  margin: 0 auto;
}
#block-yui_3_17_2_1_1630433547364_2252 .summary-excerpt {
  margin-top: 30px !important;
}
#block-yui_3_17_2_1_1630433547364_2252 .summary-excerpt p {
  font-size: 24px !important;
  line-height: 1.6em !important;
  text-align: left !important;
}
#block-yui_3_17_2_1_1630433547364_2252 .sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
  color: #FC0061 !important;
  font-size: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
#block-yui_3_17_2_1_1630433547364_2252 .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
  color: #292933 !important;
  font-size: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
#block-yui_3_17_2_1_1630433547364_2252 .sqs-gallery-design-carousel .sqs-gallery-controls {
  width: 100%;
  padding-right: 20px;
}
 

Also just to flag that I am currently using also this header code injection for automatic rotation of the testimonials

********HEADER CODE INJECTION********

<script>
Y.on('domready', function () {
var galleries = Y.Squarespace.GalleryManager.getGalleries();
var duration = 15000;
var gallery=galleries[0];
var carousel=gallery["gallery-design"];
var totalGroups=carousel.get('totalGroups');
var currentGroup=0
var container=gallery.get("container");
var nextBtn=Y.one(gallery.get("elements.next")._nodes[0]).on("click",function(e){
e.preventDefault();
e.stopPropagation();
advanceCarousel()
})
var prevBtn=Y.one(gallery.get("elements.previous")._nodes[0]).on("click",function(e){
e.preventDefault();
e.stopPropagation();
backupCarousel()
})
Y.one(container._node).get('parentNode').on("mouseover",function(){
clearInterval(myInterval)
})
Y.one(container._node).get('parentNode').on("mouseout",function(){
clearInterval(myInterval)
setMyInterval()
})
var myInterval;
function setMyInterval(){
myInterval = setInterval(function(){
advanceCarousel()
},duration)
}
setMyInterval();
function advanceCarousel(){
if(currentGroup==(totalGroups-1)){
currentGroup=0;
}else{
currentGroup++;
} 
carousel.goToGroup(currentGroup);
}
function backupCarousel(){
if(currentGroup==0){
currentGroup=totalGroups-1
}else{
currentGroup--;
}
carousel.goToGroup(currentGroup);
}
});
</script>

Hi, that sounds interesting. 

My solution was to create an alternative (and shorter) reel for my client, saved it as a gif so could use it as a fallback image for mobile... 

Same issues with video background on mobile - it works fine for me but not for anyone else (client and network)