Shrink Slide

Site URL: https://www.blackcatdesign.co.th/

@media screen and (max-width:767px) {
  #page section:first-child {
    min-height: 20vh !important;
    height: 48vh;
}
}

This code is working perfect for 1 photo. How could I apply for slide?

Homepage top banner or?

homepage top banner for all pages @tuanphan

Add to Page Settings > Advanced > Header

<style>
@media screen and (max-width:767px) {
#page section:first-child {
    min-height: unset !important;
    height: 30vh;
    margin-top: 10vh;
}
}
</style>

Thank you @tuanphan

For this code you gave to me, I had a problem on my iPhone 11.

@media screen and (max-width:767px) {
  #page section:first-child {
    min-height: 20vh !important;
    height: 48vh;
}
}

The slide does not fit 100% on my iPhone 11. It is showing correctly on iPhone 7 Plus and iPhone 8.

On 9/8/2020 at 4:51 PM, tuanphan said:

Homepage top banner or?

Do I need to change this?

(max-width:767px)

@tuanphan

How could I get more than 1 photo as slide? I would like to get about 5 pictures slide.

For 1 picture, it is showing perfectly.

Add to Page Settings > Advanced > Header

<style>
@media screen and (max-width:767px) {
#page section:first-child {
    min-height: unset !important;
    height: 30vh;
    margin-top: 10vh;
}
}
</style>

Try add more photos & I will check again

@tuanphan 

Thank you so much TuanPhan,

If my business is stable, I will donate to you monthly.

When you're done adding more photos, let me know, I will check again

@tuanphan

My team will add photo today (15th) between 5:30 PM till 2 AM, +7:00 Thailand time.

www.blackcatdesign.co.th

@tuanphan 

It is on homepage of www.blackcatdesign.co.th, plz check mobile mode.

@tuanphan I change it back to original. Please email me back to neogin@gmail.com.