DariusBo

Good day,

I was trying to use this code to get single column on masonary grid while on mobile:

/* Masonry one item on mobile */
@media screen and (max-width:767px) {
.gallery-masonry-item-wrapper {
height: auto !important;
margin-bottom: 30px !important;
}
figure.gallery-masonry-item {
position: relative !important;
width: 100% !important;
transform: unset !important;
}
.gallery-masonry-item-wrapper {
height: auto !important;
}
.gallery-masonry .gallery-masonry-item[data-loaded] img {
width: 100% !important;
}
.gallery-masonry {
padding-left: 10 !important;
padding-right: 10 !important;
}
/* new code */
.gallery-masonry-wrapper.gallery-masonry-list--ready {
    height: auto !important;
}}

It works however I noticed that the images themselves are very low res, much lower res than the upload, and after trying to trouble shoot I figured its always like that whenever I change to one column in the section settings on mobile. Do you know why is that and how to get around this? Also, I cannot use code injection tools since its a personal plan.

Thanks a lot

Darius

On 12/10/2022 at 5:03 AM, tuanphan said:

You mean click on each project >> redirect to custom url? This is possible.

Your site is expired. You can access this link to extend it (Free)

https://primrose-trombone-p7eb.squarespace.com/config/extendtrial

Sorry, I am back and extended the trial, please check now if possible, we would still like to have that. Thanks

I really like the portfolio follow cursor and background options and would like to use that in my home page to link it to specific category in the shop, so i though would it be possible to redirect it so when i click on project it takes me to the category in the shop rather than a project?

Thanks a lot

Site: https://primrose-trombone-p7eb.squarespace.com/pagrindinis

Pass: square

On 8/31/2022 at 10:25 AM, tuanphan said:

You mean the title: Shop by Category

or this?

and where breadcrumbs?

So on desktop version id like to remove both breadcrumbs and title, while on mobile version keep it as it is.

Thanks!

Site URL: https://primrose-trombone-p7eb.squarespace.com/config/

Hey, I've been playing around with the shop design and wondered if its possible to leave breadcrumbs and category title only on mobile view? It is clearly seen on the sidebar nav on desktop view and extra breadcrumbs is not really needed. 

Also, is it possible to change breadcrumb "all" to something custom - like different language or different word? 

pass: square

Thanks  a lot!

5 hours ago, tuanphan said:

Need to custom code. All plans support code

Add to Design > Custom CSS

/* Portfolio Overlay to grid mobile */
@media screen and (max-width:767px) {
div#gridThumbs {
    grid-template-columns: repeat(2,1fr);
}
a.grid-item {
    height: unset !important;
    padding-bottom: 0 !important;
}
.portfolio-text {
    position: relative !important;
    opacity: 1 !important;
}
}

 

How do i change the font size of these titles in mobile only? it seems like its using heading 3 but the codes i found in the internet does not do much.

Thanks

3 hours ago, tuanphan said:

Need to custom code. All plans support code

Add to Design > Custom CSS

/* Portfolio Overlay to grid mobile */
@media screen and (max-width:767px) {
div#gridThumbs {
    grid-template-columns: repeat(2,1fr);
}
a.grid-item {
    height: unset !important;
    padding-bottom: 0 !important;
}
.portfolio-text {
    position: relative !important;
    opacity: 1 !important;
}
}

 

amazing thank you!

3 hours ago, tuanphan said:

Hi,

You can set overlay on desktop, title under image on mobile.

Can you share link to page where you added grid? I don't see on homepage

https://wolverine-lime-s87k.squarespace.com/residential

is it possible to do without code?

Site URL: https://wolverine-lime-s87k.squarespace.com/

The problem with grid-overlay is that you basically never see overlay on touch device - i thought maybe its possible to add a css code that enables the project title underneath the image like a regular grid-simple layout?

Password: test

Thanks a lot