KeraG

18 hours ago, Ziggy said:

Can you share your website URL and this page?

Yikes I really thought I added the URL, so sorry!

Here you go https://www.nestologystudio.com/rates

Hi, the #NestologyMagicPrints section photos look distorted on mobile as a slideshow. Can kindly need help to make it appear as a grid on mobile?

Thank you so much!

Hi! I just migrated my client's old Squarespace 7.0 to 7.1. One thing I noticed is that the arrows from Summary Block - Carousel are gone specifically under "Basic Packages" 😞

old website: https://www.nestologystudio.com/packages

new website: https://haddock-trout-crkf.squarespace.com/packages/?password=1234

please help! thank you!

For context, my client's previous Squarespace account is on Squarespace 7.0. We recently then moved her account to Squarespace 7.1. I'm looking for the best way to migrate/ transfer her Acuity Scheduling account (including all calendars, appointments, etc.) to the new Squarespace account.

Help please!

Site URL: https://www.casita.com.hk/

Hi! Can kindly help me remove the horizontal overflow on my homepage mobile view?

Link: www.casita.com.hk

I tried code below but it's not working 😞 Thank you!

body {
overflow-x:hidden !important;
}

12 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Carousel to stacked */
@media screen and (max-width:767px) {
body#item-62270a75a830bf2812f73621 {
.sqs-block .sqs-intrinsic {
    padding: unset !important;
}

.sqs-block .sqs-intrinsic .sqs-intrinsic-content {
    position: static !important;
}

.sqs-gallery-design-strip {
    overflow: visible !important;
}

.sqs-gallery-design-strip .sqs-wrapper {
    left: unset !important;
    width: 100% !important;
}

div#block-yui_3_17_2_1_1646724779865_338326 {
    padding: 0 !important;
}}
}

 

Thank you for this @tuanphan! Applied the code already. Images are stacked but images are too big, can kindly help me edit the code so the images fill up the mobile screen?

Site URL: https://www.nestologystudio.com/portfolio/nakissa-jx753

Hi, for all my pages under the portfolio page https://www.nestologystudio.com/portfolio/ I wish to change gallery in carousel on desktop to STACKED on mobile.

If we can also hide the slideshow arrows on mobile as well.

Can kindly help? Thank you!

Site URL: https://springtail-dove-9atf.squarespace.com/enroll

Hi, while my code is good with desktop, I need help for mobile because its width is overflowing (see screenshot). Would like the links "Customer Login" and "Contact" to move to the next line.

Below is the CSS code I used for desktop:

@media @desktop{
.nav{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 25px;
  	color: @darkorange;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 	display: flex;
 	justify-content: center;
}
.nav li{
    display: inline-block;
    position: relative;
    padding: 0 50px;
  text-align: center;
}
.nav li::after {
    position: absolute;
    width: 2px;
    right: 0;
    content: ' ';
    height: 100%;
    background: @darkorange;
}
.nav li:last-child::after {
   width: 0;
} 
  }

and code block with HTML:

<ul class="nav">
    <li><a href="/enroll">Enroll</a></li>
  <li><a  href="/enroll#faqs">FAQS</a></li> 
    <li><a  href="/customer-area">Customer Login</a></li>
  <li><a  href="/contact">Contact</a></li>
</ul>

Thank you!

On 5/13/2020 at 9:18 PM, tuanphan said:

Add to Home > Design > Custom CSS

.blog-basic-grid--text {
    position: absolute;
    width: 100% !important;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    opacity: 0;
    background: transparent !important;
}
.blog-basic-grid--text * {
    color: white !important;
}
.blog-item a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    transition: all 0.25s;
    opacity: 0;
}
article.blog-item:hover a:after {
    opacity: 1;
}
article.blog-item:hover .blog-basic-grid--text {
    opacity: 1;
}

 

Hi @tuanphan!

I'm trying to achieve a similar style on my Portfolio page:

https://nestologystudio.squarespace.com/portfolio

pw: kB39gwHAP

I basically want to hide the Blog title & category and just have it shown upon hover (like attached)

Thank you for your help!

Hi @tuanphan

I'm having a similar problem with our page in the "Our Story" section.

I can't seem to set the height. I want the height to just be *kindly see attached*

https://nestologystudio.squarespace.com/about

pw: kB39gwHAP

Thank you!

On 1/22/2020 at 5:19 AM, rsmith3074 said:

Hey!

I'm using the new Squarespace 7.1 and am having some troubles finding any info on making the nav break at a certain point to enable the mobile hamburger icon for desktop. I don't want their typical nav for desktop, just wanting to have the hamburger icon across all devices. Thanks for any help!

https://chameleon-porcupine-c7jc.squarespace.com/

password: 1234

Hi @tuanphan! I'm having the same problem. I'm using Riley on the new Squarespace and the code doesn't seem to work. Is there an updated code?

My temporary website is https://strawberry-manatee-x48j.squarespace.com/

Thank you so much!