Remove Border Space Photo at Mobile

patkok

Hi everyone,

Is there any method to remove border at mobile version display? I had attached website display & photoshop version. I would like to know how to make it to photoshop version. Sorry for my bad english vocabulary , I hope you can understand it.

Website link : http://www.patrickkok.com/Favourite-Vendors

Original at website display

Photoshop version that I wish to get it

Thank you so much. Appreciate your sharing on the method. Hope to hear from you all soon.

Regards,
Patrick

Hikin' Mike

Currently this image has too much white space around it. Crop the white space. Then you can use CSS to increase the margin/padding if you need more space around the other elements.

patkok

@Hikin' Mike can you teach me on css code for crop the margin/padding for mobile version? it's look good at dekstop but not nice at mobile cause too many white.

Attachment :

Thank you.

Hikin' Mike

This should remove all of the margins:

@media screen and (max-width: 736px){

    .sm-user-ui .sm-tile-single {
        min-height: 100% !important;
        }

    .sm-user-ui .sm-tile-single .sm-tile-wrapper {
        margin-top: 0 !important;
        }       
}