Mobile Display

patkok

Hi everyone,

May I know how to make photo smaller at mobile CSS. My photo display well at dekstop at "destination wedding". I did before & after to show the comparison.at photoshop.

My website is www.patrickkok.com

Hope to hear from you all soon.

Thank you!

Attachment :

Hikin' Mike

Add this to your 'Destination wedding' HTML/CSS block.

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

    .sm-page-widget-content{padding:25px !important;}   

}

patkok

Hi @Hikin' Mike , I had tried it but not works. Do you have any idea?

Thank you!

Hikin' Mike

@patkok said:
Hi @Hikin' Mike , I had tried it but not works. Do you have any idea?

Thank you!

I'm not seeing the code.

patkok

Here is the code I screenshoot. It's not working actually.

Thank you!

Hikin' Mike

Based on the screenshot, you missed a closing bracket } after the !important. The whole code should read:

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

    .sm-page-widget-content{padding: 80px !important;}   

}

patkok

@Hikin' Mike thanks a lot