Making your Crowdstack site fill more of the browser window

neilHoop.la All-Star Bug Hunter

Crowdstack is set to fill only 66% of a browser’s window width when viewing on desktops and laptops. In my opinion, this creates a large waste of screen real estate.

In the past, we were warned by Crowdstack that adjusting the display width to fill more of the screen would cause “many issues.” But after repeated requests from my community (www.rotation.org), and my own interests in “trying,” I tempted fate and changed the width from 66% to 80% by making several small tweaks to our custom CSS.

I’m happy to report that we’ve encountered NO ill effects. 😎 We are very pleased with the change. (We do have one cosmetic issue in the nav bar that I’m still working on.)

None of our changes affected the responsive/small screen settings or appearance whatsoever.

We do not use “cards” so I can’t speak to how those would be affected.

I believe 80% is a good spot for our site.

Feedback and questions welcome.

9/11/2311:09 AM

Original Post

<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>

Skip to main content

Membership Required

Remove From Your Block List

Block

Please wait...