[Genesis] Enable Instagram feed on mobile

Most of our themes do not display the Instagram feed on mobile devices by default. To enable the Instagram feed on mobile, find your theme name below, copy the code, and paste it at Appearance > Customize > Additional CSS.

You may need to clear the browser cache on your mobile device if you don't see the change right away.

Amelia Theme

@media only screen and (max-width: 480px) {
  .amelia-instagram { display: block; }
  .amelia-instagram .widget-title { display: none; } }

Charlotte Theme

@media only screen and (max-width: 480px) {
  .charlotte-instagram { display: block; }
  .charlotte-instagram .widget-title { line-height: 1.4; } }

Ivy & Lane Theme

@media only screen and (max-width: 480px) {
  .ivy-instagram { display: block; }
  .ivy-instagram .widget-title { display: none; } }

Harper Theme

@media only screen and (max-width: 1021px) {
  .harper-before-nav { display: block !important; }

Magnolia Theme

@media only screen and (max-width: 480px) {
  .magnolia-instagram { display: block; } }

Mia Theme

@media only screen and (max-width: 650px) { 
    .mia-instagram { display: block; } }

Pippa Theme

@media only screen and (max-width: 480px) {
  .pippa-instagram { display: block; } }

Uptown Theme

@media only screen and (max-width: 480px) { 
  .uptown-instagram { display: block; } }

Vivienne Theme

@media only screen and (max-width: 480px) { 
  .vivienne-instagram { display: block; } }