gallery widget not visible on mobile devices

• 

  lourainvleuten · Member · Dec 6, 2013 at 7:29 am

  • Copy link
  • Add topic to favorites

  Why isn’t the photo gallery widget not visible on mobile devices? I’m trying to move my side bar widget of my Spun theme blog to the right side (which still isn’t working…), but does it have something to do with that?

  The blog I need help with is: (visible only to logged in users)

• 

  staff-totoro · Staff · Dec 7, 2013 at 12:50 am

  • Copy link

  Hi there,

  Why isn’t the photo gallery widget not visible on mobile devices?

  Well, I can see that you have done a lot of modifications in CSS and that is what is causing the issue here.

  In looking at your site, when I resize my browser window to approximate a mobile device, the scale of the gallery widget shrinks (as width decreases) until it is not visible. This is being caused by an interaction between the theme CSS, and the width declarations set in the following lines of your modified CSS:

  #primary {
  	float: left;
  	width: 30%;
  }
  
  #secondary {
  	clear: right;
  	display: block;
  	padding: 0;
  	float: right;
  	width: 30%;
  }
  
  .widget-column {
  	width: 100%;
  }

  If you remove all the width declarations from the code above, the gallery widget works at the proper scale on mobile.

  I’m trying to move my side bar widget of my Spun theme blog to the right side (which still isn’t working…), but does it have something to do with that?

  Because of the changes you have made, which are quite a departure from the original theme, it’s hard to suggest a fix for the issue above, so I recommend reviewing all your custom CSS very carefully.

  Hope that helps. Please let me know if you have any further questions.