davecooperphoto Posted February 13 Share Posted February 13 I'm using a Slideshow: Simple gallery block for my desktop design, and I'd like to use a different gallery block such as Masonry for the mobile version of the site, as it allows for much larger images and simpler functionality. Is there a way to do this with custom code? Link to comment
tuanphan Posted February 16 Share Posted February 16 Hi, You can add both Styles, then share link to your site, we can give code to show 1 on desktop, show another on mobile Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
davecooperphoto Posted February 16 Author Share Posted February 16 My site is: davecooperphoto.com. The pages in question are all under this link: https://www.davecooperphoto.com/stories. For example https://www.davecooperphoto.com/stories/outliers and https://www.davecooperphoto.com/stories/blind-study use the simple gallery on desktop. I'd like to use Masonry on mobile, which I have already used custom CSS set to a single-column view so the images are large. Let me know what custom CSS to add so that Simple galleries on desktop are viewed as Masonry on mobile. I hope that's clear. Thanks! Link to comment
tuanphan Posted February 21 Share Posted February 21 On 2/16/2023 at 11:19 PM, davecooperphoto said: My site is: davecooperphoto.com. The pages in question are all under this link: https://www.davecooperphoto.com/stories. For example https://www.davecooperphoto.com/stories/outliers and https://www.davecooperphoto.com/stories/blind-study use the simple gallery on desktop. I'd like to use Masonry on mobile, which I have already used custom CSS set to a single-column view so the images are large. Let me know what custom CSS to add so that Simple galleries on desktop are viewed as Masonry on mobile. I hope that's clear. Thanks! I think you can add Masonry Gallery. Then we will give the code to change it to Simple Grid on desktop Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
davecooperphoto Posted February 21 Author Share Posted February 21 I've decided to to switch the gallery style so that it looks good on both mobile and desktop. Thank you! Link to comment
ANDREASPHOTO Posted March 14 Share Posted March 14 On 2/15/2023 at 9:01 PM, tuanphan said: Hi, You can add both Styles, then share link to your site, we can give code to show 1 on desktop, show another on mobile Can I have this code? Link to comment
tuanphan Posted March 16 Share Posted March 16 On 3/14/2023 at 6:41 PM, ANDREASPHOTO said: Can I have this code? Yes. You can add then share link to your site, we can check & give the code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tylerhorton80 Posted April 14 Share Posted April 14 Hello, Can I get this code as well? https://www.tylerhorton.photography/ I am wanting my products to display in simple view on desktop and on wrap for mobile. Wrap worked well for mobile, but terrible on desktop. Simple View worked great on desktop, but then greatly reduced the size of the image for desktop... The only semi-fix I found was a code to display the entire image on mobile even while the products are in simple view, but with this code, while it displays the whole image, the image is very small. /* fullsize product image */ @media screen and (max-width:767px) { img.ProductItem-gallery-slides-item-image { object-fit: contain !important; } } Is it possible to have different settings for mobile and desktop? Thank you. Link to comment
tuanphan Posted April 16 Share Posted April 16 On 4/14/2023 at 1:26 PM, tylerhorton80 said: Hello, Can I get this code as well? https://www.tylerhorton.photography/ I am wanting my products to display in simple view on desktop and on wrap for mobile. Wrap worked well for mobile, but terrible on desktop. Simple View worked great on desktop, but then greatly reduced the size of the image for desktop... The only semi-fix I found was a code to display the entire image on mobile even while the products are in simple view, but with this code, while it displays the whole image, the image is very small. /* fullsize product image */ @media screen and (max-width:767px) { img.ProductItem-gallery-slides-item-image { object-fit: contain !important; } } Is it possible to have different settings for mobile and desktop? Thank you. Which page are you referring to? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tylerhorton80 Posted April 21 Share Posted April 21 I'm referring to all of the products...There are lots. Basically every single clickable picture under the portfolio.https://www.tylerhorton.photography/portfolio Link to comment
Shawnmai Posted May 15 Share Posted May 15 On 3/16/2023 at 4:49 AM, tuanphan said: Yes. You can add then share link to your site, we can check & give the code Can I have this code please. I would like use a different gallery on desktop. Link to comment
tuanphan Posted May 19 Share Posted May 19 On 5/16/2023 at 2:37 AM, Shawnmai said: Can I have this code please. I would like use a different gallery on desktop. Yes. You can add then share link to your site, we can check & give the code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
KSY Posted July 20 Share Posted July 20 Hi, I would like to use a different gallery page for my mobile site and my desktop site. Can I have the code? I want to have a Large gallery for Desktop site and small gallery for mobile site. https://www.kreweofsantyago.net/ Link to comment
ScruggsPhotography Posted July 20 Share Posted July 20 Same. My photos are either too big on mobile or cut off on desktop. Can you help me out, please? https://www.scruggsphotography.com/workshops Link to comment
tuanphan Posted July 22 Share Posted July 22 On 7/21/2023 at 1:29 AM, KSY said: Hi, I would like to use a different gallery page for my mobile site and my desktop site. Can I have the code? I want to have a Large gallery for Desktop site and small gallery for mobile site. https://www.kreweofsantyago.net/ Hi, I don't see small gallery. On 7/21/2023 at 6:52 AM, ScruggsPhotography said: Same. My photos are either too big on mobile or cut off on desktop. Can you help me out, please? https://www.scruggsphotography.com/workshops You mean slide reel above footer? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
EmmaBlevins416 Posted October 31 Share Posted October 31 Hi. I have used a slideshow reel gallery from client testimonials. In order for them to be read on my mobile, I need the gallery to be sized down drastically. Of course, this causes my desktop to be unreadable. I need two different gallery styles/sizes on my desktop and mobile. Can I have the code for this? https://www.elysianhealth.org Link to comment
EmmaBlevins416 Posted October 31 Share Posted October 31 Just now, EmmaBlevins416 said: Hi. I have used a slideshow reel gallery from client testimonials. In order for them to be read on my mobile, I need the gallery to be sized down drastically. Of course, this causes my desktop to be unreadable. I need two different gallery styles/sizes on my desktop and mobile. Can I have the code for this? https://www.elysianhealth.org This is for both the testimonial section on the home page and the team section. Link to comment
tuanphan Posted November 3 Share Posted November 3 On 10/31/2023 at 9:35 PM, EmmaBlevins416 said: Hi. I have used a slideshow reel gallery from client testimonials. In order for them to be read on my mobile, I need the gallery to be sized down drastically. Of course, this causes my desktop to be unreadable. I need two different gallery styles/sizes on my desktop and mobile. Can I have the code for this? https://www.elysianhealth.org You mean this section? or another? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Marlosuminagashi Posted Saturday at 12:39 AM Share Posted Saturday at 12:39 AM Hey @tuanphan, Would love tour help, website is meant to be released tuesday. For my homepage is it possible to have gallery type "strips" on desktop and "masonary" on mobile. My url is www.marlosuminagashi.net. Link to comment
tuanphan Posted Sunday at 04:05 AM Share Posted Sunday at 04:05 AM On 12/2/2023 at 7:39 AM, Marlosuminagashi said: Hey @tuanphan, Would love tour help, website is meant to be released tuesday. For my homepage is it possible to have gallery type "strips" on desktop and "masonary" on mobile. My url is www.marlosuminagashi.net. You can add 2 galleries, then I will give code to show strips on desktop, and show masonry on mobile only Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment