Navigation
Archive / Hidden content for some screens
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 20, 2016 at 11:37 am #1224124
    aaron_softwarepromotions
    Participant

    Hello,

    We have recently come across an issue where a block of content was displayed only to small screens and an almost identical block was displayed to large screens.

    It worked, meaning it displayed properly but we did not know about the two different yet similar blocks of content. Since we edit the site on a large screen, we were unaware that the small screen blocks of content existed. When we made changes to the content, we forgot to change the content for mobile.

    Now this has been fixed and now we know how to edit each type of content block.

    My question is how can I tell which pages across my entire site contain this type of hidden content? I have a way to scan my site for occurrences of code so I’m wondering what code should I look for when I scan.

    Thanks and I look forward to your reply.

    Aaron

    October 20, 2016 at 2:18 pm #1224331
    Joao
    Moderator

    Hi There,

    You can re-size your browser and look at it, I guess that would be the easier way to notice them.

    Hope that helps

    Joao

    October 20, 2016 at 2:29 pm #1224336
    aaron_softwarepromotions
    Participant

    No, that wouldn’t help because I’m looking for a way to find all pages that have this issue.

    With your approach, I would need to load each and every page, resize and see if I even noticed a change in content. That wouldn’t work.

    What I’m looking for is the code that X-Theme uses to indicate to the browser hide this or show that.

    Do you see what I mean?

    October 20, 2016 at 8:18 pm #1224740
    Friech
    Moderator

    Hi There,

    Are you referring to the Hide Base on Screen Width feature? If so, scan/view-source your page for those classes below. If a Section, ROW, Column, or Element has that class it means they are hidden on mobile (from screen 979px and smaller).

    cs-hide-xl
cs-hide-lg
cs-hide-md

    Hope this helps,

    Cheers!

    October 21, 2016 at 9:32 am #1225469
    aaron_softwarepromotions
    Participant

    That works, thanks.

    Suggestion for the devs.

    If a page contains cs-hide of some type, I think Cornerstone should notify the page editor that there are these types of hidden areas on the page.

    Our web designer used this feature but neglected to inform us about them. When we edited the page, we changed the content but didn’t know about those hidden areas.

    Just a suggestion.

    October 21, 2016 at 10:56 am #1225569
    Rahul
    Moderator

    Hey There,

    We certainly appreciate the feedback!

    Thanks for the suggestion!

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