[hillcapital]

Hi David,

I have an Android (Samsung S6). I’ve cleared cache but the image still doesn’t scale. I’ve attached an image of how it currently looks on my phone.

Attachments:

You must be logged in to view attached files.

[hillcapital]

Ok, I updated with the new code. It works well on my desktop browser when I resize it, but with my phone, I can only see the word Transparent in the image and it is still large.

[hillcapital]

Thanks!

[hillcapital]

Hi Rui,

I used the new code you provided and added a smaller sized photo but its still not working. The image still doesn’t scale. Would it be possible if you or someone go into my website and fix it for me?

Thanks

[hillcapital]

Update:

I used that code and also kept:

@media only screen and (max-width: 1024px) {
.alt-bg.alt-five {
background-image: url(“http://www.hillcapitalcorp.com/wp-content/uploads/2015/08/HCC-STR-Train.jpg”);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
}

The white space is gone now, but the image does not scale responsively.

[hillcapital]

Fleshden422’s solution worked well.

[hillcapital]

Hi David,

I just added that custom css and deleted the ones I wrote with media queries. The white space is still there. Can you check?

Thanks

[hillcapital]

Also, when updating the theme, will we need to update both parent and child theme or just parent theme? If both are needed to update, will we lose custom css and coding that were done on the child theme?

[hillcapital]

Hi Rui,

Where do I find page-builder.js?

Thanks

[hillcapital]

Actually, the issue is not resolved. On my phone, the white space is still there beneath the section.

[hillcapital]

Resolved by myself.

Solution if anyone is interested:
I solved the issue with a bunch of media queries for various sizes, selecting the class of the specific section and changing the height.

For example:
@media only screen
and (min-width: 495px)
and (max-width: 767px){
.home-row-simple {
min-height: 250px;
}
}

[hillcapital]

I’ve solved the responsiveness, but when in smaller windows, there is a white space beneath the first alt background section.

[hillcapital]

This reply has been marked as private.

[hillcapital]

This reply has been marked as private.

[hillcapital]

Thanks David. I was able to figure it out. The problem of slides not sliding was due to Revolution Slider having a problem with custom coded buttons. So I opted for Revolution Slider’s button layer instead and now they are sliding properly.