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
• September 6, 2015 at 12:47 am #210620
  plauderton

  Member

  Post count: 5

  Hey everyone,
  I want a Parallax block to appear on desktop and laptop screens and to disappear on phones and tablets. I realize I have to use a bootstrap in the “Extra class” field. So for the parallax I used .hidden-xs, and it’s hidden on phones. So far so good. But how can I combine it with the .hidden-sm, so that it is hidden on both phone and tablet? .hidden-xs-sm doesn’t work, .hidden-xs, .hidden-sm doesn’t either.

  Furthermore I added a text box below the Parallax that has the same content as the Parallax, just without the photo. I want it to appear on mobile devices instead of the Parallax. Same issue here: How can I combine the .hidden-md and .hidden-lg code?

  September 7, 2015 at 7:30 am #210754
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Just only insert this hidden-xs .hidden-sm at extra class input field. Hope it should work.
  Thanks
  Mohammad

  September 7, 2015 at 8:51 am #210780
  plauderton

  Member

  Post count: 5

  Geeez, so easy and I took hours and couldn’t figure it out. Thanks!
  Can I shoot one more question? How can I arrange that when clicking in the top bar menu, the page doesn’t jump to the right section but rather scrolls elegantly like when clicking on the little sidebar? (page: plauderton.de)

  September 7, 2015 at 1:16 pm #210891
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please add smooth-scroll-link class to all menus.
  Thanks
  Mohammad

  September 7, 2015 at 2:38 pm #210948
  plauderton

  Member

  Post count: 5

  Hi,
  I did, it doesn’t seem to work.

  September 7, 2015 at 3:13 pm #210965
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  It should work. Please provide me wordpress admin login detail to check and resolve the issue.
  Thanks
  Mohammad

  September 7, 2015 at 3:19 pm #210971
  plauderton

  Member

  Post count: 5

  This reply has been marked as private.
  September 7, 2015 at 5:35 pm #211025
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom js at Admin -> Theme Options -> Custom JS.

  <script>
  jQuery('li.smooth-scroll-link a[href*=#]').on('click', function(event){     
      event.preventDefault();
    
  			headerHeight = 0;
  						
  					if (jQuery('.sticky-header').length > 0) {
  						headerHeight = jQuery('.sticky-header').height();
  					}
  					if (jQuery('#wpadminbar').length > 0) {
  						headerHeight = headerHeight + 28;
  					}
  jQuery('html,body').animate({scrollTop:jQuery(this.hash).offset().top - headerHeight - 1}, 500);
  });
  </script>

  Thanks
  Mohammad

  September 8, 2015 at 7:35 am #211145
  plauderton

  Member

  Post count: 5

  Sorry, that doesn’t work either.

  September 8, 2015 at 8:47 am #211157
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Its working perfect. You inserted code at Custom CSS box instead of Custom JS.
  Thanks
  Mohammad

  September 8, 2015 at 8:50 am #211158
  plauderton

  Member

  Post count: 5

  Ohhh, right, I’m sorry. It is working now. Thanks a lot! 🙂

  September 8, 2015 at 8:57 am #211164
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome.
  Thanks
  Mohammad

• Back to forum

  Posted in: Dante