SKT Education theme – mobile Image size is not correct.

Home Forums All Other Themes SKT Education theme – mobile Image size is not correct.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #115577
    xlingzh6
    Participant
    • Topics: 8
    • Replies: 15
    • Total: 23
    Member since: September 25, 2018

    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

    #115600
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    Hi,

    Kindly use this one.

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

    Regards,
    Dave

    #115630
    xlingzh6
    Participant
    • Topics: 8
    • Replies: 15
    • Total: 23
    Member since: September 25, 2018

    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

    #115743
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.