Image stacking in mobile view

[mwahidullah]

Hi
My images are stacking one over another in mobile view. See the regular page and mobile, you will see in mobile view image are stacking on over another without the spacing in between and also missing the headlines.

Pls help.
Thanks

[thai]

Hi There,

To add the bottom margin to your columns on mobile version, please add the following CSS under Theme Options > CSS:

@media (max-width: 767px){
    .x-column.x-sm {
        margin-bottom: 20px;
     }
}

Let us know if the code works for you.

[mwahidullah]

Hi
I put the code in as you mentioned but no luck. Please advise. Thanks

[rad]

Hi @mwahidullah,

May I know the specific page URL that has this issue? I checked all your sites and I can’t find it, maybe there is malformed CSS or it’s being overridden by another CSS.

Thanks!

[mwahidullah]

here is the url
http://blindsbydb.com/gallery/

and pls find the username and password in secure note.

[friech]

Hi, the credentials did not work, please check.

Thanks,

[mwahidullah]

sorry, updated the password. pls check the secure note now.

[friech]

Hi Wahid,

Thank you for the login, I did check the page and Thai’s given CSS code works. It adds a 20px bottom margin to your columns when viewed on screen 767px and below (where it starts stacking).

Please clear your browser’s cache.

Cheers!

[mwahidullah]

Hi
Thanks for your mail. Space is there but the headline is still missing and pushed it down. Pls advise.

[paul.r]

Hi,

You need to add the headline inside the column together with the correct image, not on the next row of colmns.

I went ahead and moved your headlines and it is now working fine in mobile.

Kindly check in your end.

Thanks