Deprecated: Function get_currentuserinfo is deprecated since version 4.5.0! Use wp_get_current_user() instead. in /var/www/html/wp-includes/functions.php on line 5383

Reply To: Responsiveness on ipad

New Front EN Support Forums Ikebana Theme Support Responsiveness on ipad Reply To: Responsiveness on ipad

#3756
mmsatori
Keymaster

Hey Maartje,

first of all, thank you for the purchase!

Here is a screenshot of the Ikebana theme on an iPad Mini simulation, in portrait mode (which is the lowest screen width among all existing iPad models, 768px). As you can see, the tiles do fit into the screen and the icon menu on the left is still in the full-screen mode (as is intended by the theme’s media queries).

The content width in Ikebana is determined by an algorithm based on the set width of the standard (1×1) masonry tile. Since the width of every tile is fixed, the content width does not change fluidly with screen width, but rather in “steps”, automatically calculating the optimal content width for a given screen width, so that a non-fractional number of tiles can fit into it. That being said, on some screen widths there will be a gap between the edges of the screen and the content, especially when the width of a 1×1 tile has been set to more than 260px in the “Portfolio page items: box dimensions” setting in the “Portfolio Page” tab of the Theme Options panel; these gaps, however, should collectively be no larger than the width of a single tile plus “safety margins” of 90px, for the reasons I’ve explained above.

Please note that “responsive” does not imply that the website looks exactly identically on all devices – rather, it means that the website automatically adapts to the screen parameters of the viewing device for maximum user friendliness (see e.g. this and this article for more details). The full-width icon menu configuration you’ve mentioned goes into play on screens which are less than 768px in width, i.e. mostly on smaller scmartphones, and has been designed specifically for ease of use on touch-only devices.

That being said, in case you are experiencing problems, I do want to do more than just explaining – I will gladly help you to optimize your website in the way you need. For that, could you please provide the URL of your website, and also indicate which images do not scale with screen width. Thank you!

Sincerely,
Andrii / Satori Studio