Hi,
I was wondering how to solve this – I tried different ways but some how nothing can fix the problem.
Its about the following website: https://vanessa.thyes.com
All posts unter mobile view have different spaces between each other. They are all the same when I check the backend. They are correct when I see them with the browser but in mobile the space between posts is completely different.
How can I make the space between posts in mobile view the same?
Thanks
_K
Hey sonderdesigner,
Are you able to link us to a page where this issue is occurring so we can look into this further?
Best regards,
Jordan Shannon
Hi Jordan,
you can see the problem in mobile for example on following pages:
https://vanessa.thyes.com/exhibitions-2015/ . . .
Thanks so much for looking in to this.
_K
Hi,
Apologies, but I’m having trouble seeing any spacial differences between posts. Perhaps a screenshot from your device would help.
Best regards,
Jordan Shannon
Please have a look here – I marked the space problem left.
Images are taken with the iPhone:
https://www.dropbox.com/s/hq668tjkr35gybi/IMG_8938.PNG?dl=0
https://www.dropbox.com/s/dcejn8k25lxgbq5/IMG_8939.PNG?dl=0
https://www.dropbox.com/s/8jrgm238cd1848h/IMG_8940.PNG?dl=0
https://www.dropbox.com/s/7kg8tizigixq18h/IMG_8941.PNG?dl=0
https://www.dropbox.com/s/28s5wzszllmvf44/IMG_8942.PNG?dl=0
Thank you
Hi,
Perhaps try the following in quick css:
@media only screen and (max-width: 767px) {
.slide-entry-title{
padding-bottom:30px!important;
}}
Some posts also seem to have bottom borders while others don’t, so try adding this:
@media only screen and (max-width: 767px) {
.page .slide-entry{
border-bottom:none!important;
}}
Best regards,
Jordan Shannon