Navigation
Archive / Hide gap element based on screen size not working
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 17, 2017 at 10:17 am #1333680
    uspatriot55
    Participant

    Hi there,

    I have some gaps in my design and I’m trying to turn them off at small screen sizes. But as the screenshot below shows, it’s not currently working.

    Am I doing something wrong here?

    January 17, 2017 at 11:08 am #1333751
    Jade
    Moderator

    Hi there,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    January 17, 2017 at 3:32 pm #1334111
    uspatriot55
    Participant
    This reply has been marked as private.
    January 17, 2017 at 10:59 pm #1334530
    Rupok
    Member

    Hi there,

    Thanks for writing back. Actually we asked for Admin credentials so that we can check the backend since I can’t see any hiding class to the element from Front-end. Kindly provide an admin account if you think you have set the visibility settings properly.

    Cheers!

    January 18, 2017 at 8:00 am #1335045
    uspatriot55
    Participant

    Ah, my apologies. I thought that account was an admin. It is now, so you should be good.

    January 18, 2017 at 8:55 am #1335110
    Joao
    Moderator

    Hi There,

    I confirm that function is not working, I will try to investigate a bit more, in the meanwhile I would suggest you trying to set your gap sizes in % instead of px. Please try 35% instead of 650px for example and check how it responds on mobile.

    Hope it helps

    Joao

    January 18, 2017 at 3:11 pm #1335666
    uspatriot55
    Participant

    Okay, thanks. Please let me know if you find a fix.

    January 18, 2017 at 7:41 pm #1336017
    Friech
    Moderator

    Hi There,

    The issue is this file: http://gurrydesign.com/wordpress/wp-content/themes/x/framework/css/site/stacks/integrity-dark.css?ver=4.3.0

    There is no any class cs-hide-* (hide base on screen width classes) declared on that file, please update your X|Theme to 4.6.4

    Remember to clear all caches after updating so that the code from the latest release is always in use.

    Let us know how it goes.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1333680 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>