This is working great on my iPhone 3gs but I am finding problems when viewing my site with the stock browser on a 1st gen Samsung Galaxy running Android 2.6. I know this is an older phone, but there are still a lot of these around.

When the menu region is hidden, so too are teaser images and also the site logo.

When the menu is expanded the images become viewable, as they also do if the module is disabled.

An example can be seen at http://www.primalwebdesign.co.uk/build/base/

There is nothing fancy going on with the css for the teaser images as can be seen below

.node-teaser .field-name-field-content-cover-image  {
	margin-top: 8px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: inline-block;
	float: left;	
  	-webkit-box-shadow: 6px 6px 6px   #ccc;
	box-shadow: 6px 6px 6px  #ccc;
	padding-bottom: 0px;
}

The logo is just an inline image set to 100% width, inside a block.

Comments

kbasarab’s picture

kbasarab commented

A lot of new fixes rolled out in the new release of 7.x-1.x today. Will you see if this is still an issue for you in the new release?

mrpauldriver’s picture

mrpauldriver commented

Looking forward to trying the new version.

The problem that I was having was tracked down to a conflict with jquery.sticky.js which I was using for sticky menus for desktop resolutions.

It would be good if these two could be asked to play together nicely.

kbasarab’s picture

kbasarab commented
Status: Active » Postponed (maintainer needs more info)

Thanks for update Paul. Were you able to find a fix to making the two play nicely? The JS for this module is strictly using core jQuery functionality and no other libraries.

mrpauldriver’s picture

mrpauldriver commented

Above my pay grade, I'm afraid.