By Philipp Koehler on Wednesday, 01 November 2017
Posted in Technical Issues
Replies 3
Likes 0
Views 673
Votes 0
Hi over there,
thanks for that great extension, I'm satisfied, great work, specially very easy to post even by beginners that most of us have to work with to get new content as easy as in Facebook.

However, my customer complains about accidentially full width post image size on Ipad Pro, what happened from time to time, not always.
It appears e.g. in the latest post module as well as in the post list of one category, perhaps somewhere else as well.

The reason is: the function used in EB

.is-mobile

is now with Ipad pro (and in some cases even with the latest Ipads without pro) not longer a good indication that a one column layout can be choosen.
Unfortunately that devices deliver despite their hugh resolution: .is-mobile = "true"

And it is a bit difficult to debug that .is-mobile-stuff with IPad Pro emulations on PC browsers (like Google Chrome)

Meanwhile I had been forced to overwrite the .is-mobile styles as follows, perhaps this is useful for someone:

//Issue 1: Latest post module, force 3 column layout for Ipad / Ipad pro !!!

#eb.is-mobile .mod-items-grid>.mod-grid {
width: 33.33% !important;

}

// reset overwrite 1 for low res devices => one column layout!

@media screen and (max-width:414px) {
#eb.is-mobile .mod-items-grid>.mod-grid { width: 100% !important; }
}


// Issue 2: Post Images too wide on IPAD, keep the 2 column layout !!!

#eb.is-mobile .eb-post-thumb.is-left {
float: left !important;
margin-right: 15px;
}


// reset overwrite 2 for low res devices => one column layout!

@media screen and (max-width:414px) { #eb.is-mobile .eb-post-thumb.is-left {
float: none !important;
margin-right: 0;}

}

For now, this is working on my customers site at e.g.

http://www.nutzdeinenortdannbleibenwirdort.de/jobboerse-new/jobboerse-berlin.html

However, I wonder if it is possible to just overwrite the

.is-mobile

function with a better script to make it useable again in IPad/ IPAD Pro times.

Since there are several displaying options for post images, I'm not feeling completely safe with my solution in long terrm.

Could you perhaps provide a better solution in one of the next releases?

A solution even in the post editor (or general settings?) to limit images resizing above the original resolution might help as well, but not for all issues. Note that the settings provided there is at its default "original", what is not restricting the image from beeing "inflated".

Thanks for your support

Best regards, Philipp
Basically the issue only coming from the latest blog post module which you set to display horizontal layout right?

If yes, I will discuss with our developer regarding this.

By the way, thanks for your complement Philipp
·
Wednesday, 01 November 2017 11:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes, right, I'm using the latest post in a horizontal layout, where issue 1) appeared:
http://nutzdeinenortdannbleibenwirdort.com

But the similar issue with image width 2) appeared in the EB menu item, list of all posts of one category, e.g.
http://nutzdeinenortdannbleibenwirdort.com/news-all.html

Currently both issues are invisible due to my CSS overwrites above.
·
Thursday, 02 November 2017 00:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes, right, I'm using the latest post in a horizontal layout, where issue 1) appeared:
http://nutzdeinenortdannbleibenwirdort.com

Yes, this will solve in next release version.

But the similar issue with image width 2) appeared in the EB menu item, list of all posts of one category, e.g.
http://nutzdeinenortdannbleibenwirdort.com/news-all.html

Currently both issues are invisible due to my CSS overwrites above.

Regarding this, is there a way to provide us some screenshot or revert back your changes temporary so I can know how that issue look like? Because we will push another new version today, hopefully you can response to us early so I can pass to our developer to take a look of this.
·
Thursday, 02 November 2017 10:24
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post