tuanphan

22 hours ago, rani said:

I haven't solved it yet. The problem occurs on several pages on different sites, but here is the link for the one in the screenshot: https://poodle-gecko-3tan.squarespace.com  (password is: hello). Thanks!

Because the total height of the sections is lower than the height of the screen, it will appear empty. And that space will use Site Background Color (Design > Site Styles > Colors)

Add to Design > Custom CSS

body.homepage {
    background-color: #c2c2c2;
}

On 4/17/2023 at 7:11 AM, Jimi1032 said:

Hi thanks for your reply.

The address is https://www.thehealthguru.com.au/

I have also sent you an email.

Add to Design > Custom CSS

.header-title-logo a {
    position: absolute;
}

On 4/17/2023 at 12:41 AM, CooperLandingFishingGuide said:

Thank you so much for the help, but it appears to be doing the same thing unfortunately 😕

Try change to this new code

@media screen and (max-width: 767px) {
   body:not([class*="type-blog"]) #page article section:first-child {
        min-height:32vh !important;
        height: 32vh !important
    }
}

On 4/17/2023 at 12:02 AM, deets87 said:

Yes, I would be interested in this solution as well.

Can you share link to page where you use summary? We can check easier

On 4/16/2023 at 11:35 PM, CalifLRev said:

Hi thanks for the repsonse! On the blog page. Here's a link: https://kazoo-cheetah-9f28.squarespace.com/online

Try this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>  
$(document).ready(function(){
  $(".blog-basic-grid--text h1.blog-title a").each(function(){
    $(this).html($(this).text());
  });
});
</script>

On 4/16/2023 at 8:25 PM, kiyary said:

HII!! omg yes!!! This is what I needed for so long, thank you so much!! is there a way to change the font? this is already amazing. thank you!! 

This code control font

On 4/16/2023 at 7:17 PM, labellesaisonshop said:

Thanks for yor reply! I'm not quite sure what you mean though. I spoke to someone on support who said that it was possible but I'd need to add a code. I've seen quite a lot of posts on here too (though none of the codes work)

Add this code to Page Header to redirect users to new page on mobile

<script type="text/javascript">
if (screen.width <= 767) {
document.location = "https://google.com";
}
</script>

replace google with mobile page url

On 4/16/2023 at 3:40 PM, antmchela said:

Kind of like this header https://publicofficial.co/

Thanks I hope this is clear about what I mean 😊

EDIT: Forgot to add what my site looks here it is.

What is your site url?

Make header to right of screen?

On 4/16/2023 at 12:11 PM, Hotdog3737 said:

Of course, here is a link to a category https://www.jakeyscoolwearables.com/shop/anime

Hi,

You mean these pages, will need a different background?

https://www.jakeyscoolwearables.com/shop/anime

https://www.jakeyscoolwearables.com/shop/fantasy

https://www.jakeyscoolwearables.com/shop/sci-fi

..

On 4/11/2023 at 8:47 PM, iozziocycles said:

Hi the code above worked great for the websites home page drop down menus but it created a duplicate menu on the sites product pages. 

How can I remove the duplicate? 

I changed the text color to white in the site styles page but that changes the quantity text also to white.

Thanks you sorry for the late response I hadn't noticed the error.  

Which duplicate, can you take a screenshot?

Try adding this to Design > Custom CSS then check again

.user-items-list[data-layout-width="inset"] .list-section-button-container {
    margin-top: 0 !important;
}

Add to Design > Custom CSS
 

@media screen and (max-width:767px) {
img.ProductItem-gallery-slides-item-image {
    object-fit: contain !important;
}
}

On 4/13/2023 at 8:51 PM, createuplift said:

@tuanphan Yes correct! I have this setup as a accordion block but the client specifically wants the list to pop out to the right side. The items in the list are text only and do not need to be links. Thanks for any advice! 

How about this example? We can convert it to SS & change style then

https://codepen.io/rixodesign/pen/RjgxZq

https://ftws-progress.squarespace.com/?noredirect

Can you take a screenshot of problem?

On 4/15/2023 at 3:08 AM, Sam-Logie said:

Hi Tuanphan

Here’s the link 

https://samanthawade.co.uk/medik8/p/crystal-retinal-ceramide-eye

this is just one specific product but I’d like the layout to change on all of them on mobile view if possible. 
 

thanks again

sam 

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.ProductItem-details-excerpt {
    order: 1 !Important;
}
.ProductItem-product-price {
    order: 2 !important;
}
}

On 4/15/2023 at 12:32 AM, scdesign said:

I know this is an old topic, but is there a way to style the text using my H3 style?

Yes. If you share link to a page where you use heading 3, we can check h3 style & add to code easier

Can you share link to page where you use slideshow? We can check easier

On 4/14/2023 at 11:12 PM, harvestfilmco said:

Here it is: https://vuvuzela-smilodon-cj4f.squarespace.com/config/

The url doesn't exist

Can you share link to this page?

On 4/14/2023 at 10:30 PM, Jen-X said:

Thank you!

This works perfectly for single-day events, but it is not working for multiple-day events.

 

 

Where is multiple day events?

On 4/14/2023 at 9:29 PM, JonnyIlsley said:

@tuanphan Would you be able to show me how I could use this code but apply it to every summary block excluding these summary blocks:

#block-3e3a8fb0677b05b9467c
#block-yui_3_17_2_1_1680625588392_25188
#block-88491361d1ed9516cf34

Thanks

Use this code

div:not(#block-3e3a8fb0677b05b9467c):not(#block-yui_3_17_2_1_1680625588392_25188):not(#block-88491361d1ed9516cf34) .summary-item-list * {
    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;
}

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="63c4b03de629af32617d51e9"] * {
    font-size: 20px;
}
.fe-641fc0581eada77a380a097a {
    grid-template-rows: repeat(15,minmax(24px, auto)) !important;
}
.user-items-list-item-container[data-section-id="63c4b03de629af32617d51e9"] ul {
    min-height: unset !important;
}
.user-items-list-item-container[data-section-id="63c4b03de629af32617d51e9"] .slide-content {
    margin:0 !important;
}
}

Add to Design > Custom CSS

div#thumb-oneonone .product-price {
    visibility: hidden;
}

Don't remove any code in your current code

Add this to HOME > DESIGN > CUSTOM CSS

#collection-5abe62180e2e72c990f19072 {
    background-image: url(https://cdn.pixabay.com/photo/2023/04/06/01/44/man-7902570_1280.jpg) !important;
}

On 4/14/2023 at 5:33 PM, LucieGbt1993 said:

Hi, 

I am encountering the same problem here. I tried the video background first but the playing on mobile doesn't work on every device and browser. 

I used a video block instead but the height is too small on mobile. And I was wondering if there was a another way to increase the height (through CSS code or another trick)? 

Here is an example : https://www.agencechaiten.com/home-1 - password : chaiten2023

Thanks very much for your help

Where is video block?