Hi there!
I'd like to create a full-width slide for my website.
Currently, my setting is: dimensions 960 x 436 , Full-width: Yes, Background fit: Cover
It looks ok on my laptop.
However, when I use my iphone 5s portrait to view the same website, the slide seems to be flattened.
The url is: www.palsolution.com
Any suggestion to fix this issue? Thanks!

Hello Elvis! Thank you for letting us know about this issue!

Looks like the entry content of your website is covering the slider from the bottom. Here's the CSS code responsible for this:

.site-content article {
    margin-bottom: -65px;
}

It worked! Thank you so much!
Btw, do you have any tools recommended for checking responsive?
I'm using "Responsive Web Design Tester" plugin of Chrome, but I find it has difference with reality.

Hey Elvis!

That's awesome! We are very glad the problem has been resolved on your website. As for responsiveness testing, perhaps the best tool is the emulator of Google Chrome Developer Tools.

Hit F12 and then click on the button highlighted in the screenshot I attached. The tool will be activated. It is accurate most of the time, however sometimes the results on iPhones (generally Apple products) might differ.

Please give this a try and let me if you like it.
Thanks! Have a wonderful day!