Customize: Site logo and icon, 33755.5.diff, iPhone 6+


Testing 33755.5.diff for #33755 on an iPhone 6+.

Notes:

  • Logo moved up to the top, putting title and tagline between site logo and site icon. I like the separation.
  • Customizer preview was blank on the fresh VVV install I tested against.
  • Site icon hung while cropping once and completed with no feedback three other times.
  • I had to go to the desktop to see if the site icon was created or not. It was.

#gallery-34 {
margin: auto;
}
#gallery-34 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-34 img {
border: 2px solid #cfcfcf;
}
#gallery-34 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */

Previously: https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/

Update:

A version of Twenty Sixteen modified for logo support is available here:

https://github.com/wordpress/twentysixteen/tree/site-logo

Hit the Download Zip button and then unzip into a wp-content/themes directory and activate Twenty Sixteen/twentysixteen-site-logo.

With twentysixteen-site-logo, any logo that is set will show on the front page.

Screen Shot 2016-02-19 at 11.58.33 AM

Update:

With 33755.12.diff:

#gallery-35 {
margin: auto;
}
#gallery-35 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-35 img {
border: 2px solid #cfcfcf;
}
#gallery-35 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */

Notes:

  • Site icon flow is better. It didn’t hang or complete without feedback as in the previous session.

Update:

Here are shots of .12.diff on Nexus 5 and iPhone 5.

#gallery-36 {
margin: auto;
}
#gallery-36 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-36 img {
border: 2px solid #cfcfcf;
}
#gallery-36 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */

#33755, #customize, #customizer, #ios, #phablet, #safari, #site-icon, #site-logo