SKT Education theme – mobile Image size is not correct.

[xlingzh6]

Hi,

I have used the same sized images for each section. The desktop version is correct, however, the mobile version is not correct.

Below is the homepage on the mobile, the image size is the same, but shows different size on the mobile page.

This one is another page, the same thing happens.

Please feel free to check it on the iPhones and you will see what I mean 🙂

Thank you for your help!

Warm Regards,
Xiaoling

[Forum Moderator]

Hi,

Kindly use this one.

@media screen and (max-width:768px) {
.ourcoursesthumb { height:auto;}
.ourcoursesthumb img { min-height:inherit; width:100%;}
}

Regards,
Dave

[xlingzh6]

Thank you. The home page is good now. The inner page still has this problem (http://106.dbwebs.site/index.php/our-projects/).

Please help. Thank you.

Warm Regards,
Xiaoling

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.page-template .wp-block-column:not(:last-child) { margin-right:0 !important;}
.page-template .wp-block-column {flex-basis:100%;}
.page-template .wp-block-image .aligncenter { width:100% !important;}

Regards,
Dave

[Author]

Posts