ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• May 5, 2014 at 6:46 pm #72309
  metzger_1

  Member

  Post count: 27

  Hi There,

  We have 4 animated icon boxes on our site (they flip upon hover) but when you look at these on a mobile device you can click/touch an icon box and it flips over BUT you can not flip it back. Is there away to fix this issue?

  May 5, 2014 at 11:46 pm #72343
  metzger_1

  Member

  Post count: 27

  We also are having issues with the boxes showing up backwards I have attached a screenshot so that you can see what I mean. This is on Google Chrome (Mac OS X 10.9.2 Chrome version 34.0.1847.131) We also ran a cross browser test and it does the same thing on Chrome for Windows 7.

  May 7, 2014 at 9:25 am #72899
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  1) The developer did not think it was necessary for the boxes to flip back on a second click, therefore it was not added. Is it vital that you have the ability to do this?

  2) I am on the same Mac & Chrome setup and do not get the issue with the backwards text, please could you provide me with a link so I can see if it applies on only your website?

  – Kyle

  May 7, 2014 at 7:25 pm #73179
  metzger_1

  Member

  Post count: 27

  Hello Kyle,

  Our site is http://www.metzgeralbee.com

  1. We would like the boxes to be able to switch back upon 2nd click – right not it’s no absolutely vital but if that function could be added upon the next theme update that would be awesome! As we certainly would like to be able to switch back and forth from the front and back of the animated boxes.

  2. The backward text issue within the animated boxes is happening when using a private browser (incognito in Chrome)

  May 8, 2014 at 7:44 am #73283
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Ok I’ll see what the developer can do

  As you can see in my screenshot, I still don’t get the issue in incognito. It is likely down to your browser only

  – Kyle

  June 16, 2016 at 8:40 am #275110
  lapala

  Member

  Post count: 8

  Do you have any news about the boxes to be able to switch back upon 2nd click? I’m also interested in this feature.

  June 17, 2016 at 11:24 am #275467
  David Martin – Support

  Moderator

  Post count: 20834

  @lapala – What theme version do you have?

  – David.

  June 17, 2016 at 2:00 pm #275510
  curtissdc

  Member

  Post count: 62

  I have a related issue that I’m sure is the fault of some setting I have in place, but I’m not sure what. When I go to the user above’s site (www.metzgeralbee.com) and click on an icon box. It flips around then gives me the opportunity to click and go to the page that it is linked to. On my site, http://www.DyslexicAndUnstoppable.com when you click on the icon box, it just takes you to the linked page and does not flip around first. What is the reason? Thanks

  June 17, 2016 at 6:30 pm #275587
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi @curtissdc,

  In mine is flipping the box when you mouse over.
  http://d.pr/i/1dTDG/5IRgrTGT

  What browser do you use? Try to clear the cache.

  -Rui

  June 20, 2016 at 8:29 am #275772
  lapala

  Member

  Post count: 8

  I’m using Dante v3.3.1

  June 22, 2016 at 9:45 am #276323
  David Martin – Support

  Moderator

  Post count: 20834

  @lapala – can you send me the shortcodes you are using?

  I am not aware this was added for mobile. I’ll see what I can do to help you further.

  – David.

  June 22, 2016 at 10:08 am #276329
  lapala

  Member

  Post count: 8

  This reply has been marked as private.
  June 23, 2016 at 1:45 pm #276688
  David Martin – Support

  Moderator

  Post count: 20834

  You need to open the file functions.js. Within this locate line and find line 2397, it will look like this:

  				jQuery('.sf-icon-box').on('click', function() {
  					jQuery(this).addClass('sf-mobile-hover');
  				});

  Replace all the above with this:

  				jQuery('.sf-icon-box').on('click', function() {
   					if (jQuery(this).hasClass('sf-mobile-hover')) {
     						jQuery(this).removeClass('sf-mobile-hover');
    					} else {
     						jQuery(this).addClass('sf-mobile-hover')
    					}
  				});

  June 23, 2016 at 2:59 pm #276728
  lapala

  Member

  Post count: 8

  Thank you! I would recommend you to put it in the next Dante Theme update.

  Kind regards

  June 23, 2016 at 3:18 pm #276731
  David Martin – Support

  Moderator

  Post count: 20834

  Glad that helped you.

  Thanks,
  David.

• Back to forum

  Posted in: Dante