CSS: How to make the new sticky topic display disappear for all screen sizes | Hey Stack! -- The Official Crowdstack Community

Discussions

Dave Dreezer

Follow

With a bit of CSS you can make the new sticky topic display disappear for all screen sizes.

To make the new sticky header disappear copy the following into your Display Settings > Custom CSS box

/* hide the new sticky header from view for all screen sizes */
.forum-topic-sticky-header.fixed:not(.dont-hide-sticky-header)
{ display: none !important; }

Replies sorted oldest to newest

neilHoop.la All-Star Bug Hunter

Hey Dave.

How can I control the WIDTH of the sticky topic? I don't want it to be full page, but rather, restrict its width to the container.

Attachments

Hide

Images (1)

5/15/1912:31 PM

Dave DreezerSocial Strata, Inc.

Hi Neil,

I do not have a way to constrain the size of it. With today's hot fix it will no longer show on medium and small screens where space is at a premium, but I do not have a way to restrict the width. With it we can only do show or not show.

STMember

Hi Dave,

This worked yesterday.

/* hide the new sticky header from view for all screen sizes */
.forum-topic-sticky-header.fixed {
display: none;
}

Not today.

ST

Attachments

Hide

Images (1)

Dave DreezerSocial Strata, Inc.

Hate it when that happens. mad

Make it

display: none !important;

It needs the !important flag now. I'll update the tip. Thank you ST.

STMember

Got it - works now. Thanks.

ST

Add Reply

Sign In To Reply

<div id="{%=id%}" class="reveal-modal small h-alert-modal-popup" data-reveal>
    <div class="first-modal-focus focus-utility-element" tabindex="0" aria-label="Inside Modal"></div>

<h4 id="{%=id%}_title" class="margin-bottom-10 popup-title"></h4>
    <div id="{%=id%}_body" class="margin-bottom-10 popup-body">
        </div>

<ul id="{%=id%}ButtonGroup" class="button-group h-popup-buttons even-button-group even-1">
    <li id="{%=id%}Okay_buttonContainer"><a id="{%=id%}Okay" href="javascript:void(0);" class="button success no-margin-bottom h-alert-modal-ok-button" role="button">OK</a><script type="text/javascript">
        (function() {
            function {%=id%}Okay_click(event, data) {
            {%=id%}Popup.hide();
        }
        
                $('#{%=id%}Okay').on('click', {%=id%}Okay_click);
        })();
    </script></li></ul><a href="javascript:void(0);" class="close-reveal-modal" aria-label="Close Modal">&#215;</a><div class="last-modal-focus focus-utility-element" tabindex="0"></div>
</div>
<script type="text/javascript">
        (function() {
            {%=id%}Popup = new SS.Popup.ModalPopup('{%=id%}');
        })();
    </script>