Resize image & banner for mobile only

On 10/3/2021 at 2:26 PM, tuanphan said:

It 

 

It looks like you fixed this?

 

Nope, I never fixed this. Please can you check the page your end? Still having the same issues for the top banner image. 

Password to the page is private01

On 10/15/2021 at 5:28 PM, Nipper said:

Nope, I never fixed this. Please can you check the page your end? Still having the same issues for the top banner image. 

 

Password to the page is private01

Top slide on homepage is fine. Which page are you referring to?

On 10/18/2021 at 2:08 AM, tuanphan said:

Top slide on homepage is fine. Which page are you referring to?

My bad, I am referring to the top slide on the Gastech 2021 page. Password to the page is private01

On 10/20/2021 at 9:00 PM, Nipper said:

My bad, I am referring to the top slide on the Gastech 2021 page. Password to the page is private01

Can you share link to Gastech 2021 page? I don't see it in header navigation item

On 10/22/2021 at 11:21 AM, tuanphan said:

Can you share link to Gastech 2021 page? I don't see it in header navigation item

https://raspberry-coyote-6gss.squarespace.com/gastech-2021

Password - private01

On 10/25/2021 at 3:29 PM, Nipper said:

https://raspberry-coyote-6gss.squarespace.com/gastech-2021

Password - private01

Add to Design > Custom CSS > Then save & reload the site

@media screen and (max-width:767px) {
.gallery-fullscreen-slideshow {
    height: 30vh !important;
}
}

I need some help resizing an image too. 

Site: https://glockenspiel-mandolin-ltjl.squarespace.com/config/design/custom-css

password: peanut

The banner looks good, but the image of trees needs a little tweaking!

@tuanphan

On 12/9/2021 at 3:19 AM, margmorg said:

I need some help resizing an image too. 

Site: https://glockenspiel-mandolin-ltjl.squarespace.com/config/design/custom-css

password: peanut

The banner looks good, but the image of trees needs a little tweaking!

@tuanphan

 

 

Hi. You mean slide image or the center for public lands image?

@tuanphan The center for public lands image that stands alone! /Not the slide. 🙂

On 12/14/2021 at 12:47 AM, margmorg said:

@tuanphan The center for public lands image that stands alone! /Not the slide. 🙂

Add to Design > Custom CSS > Then save & reload the site

/* Center for Public Lands image mobile */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1631731002596_14765 .content-fill {
    padding-bottom: 150% !important;
}
}

@tuanphan

Hi, I'm having a similar problem with the mobile version of my site. www.liteupatlanta.com

I have parallax scrolling and want to adjust the width of the index sections on mobile to show more of the background photos.

I have this code identifying the photos, but the adjustments are not at all correct. Any help would be appreciated.

@media screen and (max-width:640px) {
.Parallax-item img {
  max-width:100% !important; height:auto !important;
 }}

On 8/18/2022 at 11:28 PM, LiteUpAtl said:

@tuanphan

Hi, I'm having a similar problem with the mobile version of my site. www.liteupatlanta.com

I have parallax scrolling and want to adjust the width of the index sections on mobile to show more of the background photos.

I have this code identifying the photos, but the adjustments are not at all correct. Any help would be appreciated.

@media screen and (max-width:640px) {
.Parallax-item img {
  max-width:100% !important; height:auto !important;
 }}

You mean top parallax on homepage?

@tuanphan

I may be using the wrong terminology. Yes, the homepage banner images. Here is an example. The first photo shows the desktop view, the second shows the mobile view.

On 8/22/2022 at 4:41 AM, LiteUpAtl said:

@tuanphan

I may be using the wrong terminology. Yes, the homepage banner images. Here is an example. The first photo shows the desktop view, the second shows the mobile view.

Try add to Design > Custom CSS

@media screen and (max-width:640px) {
body.homepage .Parallax-item:nth-child(2) img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
body.homepage .Parallax-item:nth-child(2) figure {
    transform:unset !important;
}
section#christmas {
    min-height: unset !important;
    height: 300px;
}
div#block-yui_3_17_2_1_1660764192901_71908 {
    display: none;
}
div#block-yui_3_17_2_1_1660764192901_21648 {
    display: none;
}
div#block-yui_3_17_2_1_1660764192901_62103 {
    display: none;
}
}

@tuanphan

That worked! Thank you for the help!

Hello, I'm having trouble resizing my banner for mobile, I don't understand how to install how to install the CSS to resize my banner, my website is www.wetfxmusic.com, if someone could help me resolve this issue I would highly appreciate it, thank you 🤞

On 9/1/2022 at 1:32 AM, talex05 said:

Hello, I'm having trouble resizing my banner for mobile, I don't understand how to install how to install the CSS to resize my banner, my website is www.wetfxmusic.com, if someone could help me resolve this issue I would highly appreciate it, thank you 🤞

Which image are you referring to? Top home image looks fine