Re: How to change font size in the top navigation bar

Discussions

Rosemary O'Neill

If you'd like to increase or decrease the size of the font used in the top navigation bar, insert this Custom CSS in your theme (this example increases the font size relative to the default size you've set):

.top-bar-section ul li > a {font-size: 1.25rem;}

Tags: navigation, CSS

CalSTAT TomMember

Thank you for the quick response. I believe you are correct, as this issue began when I added a new 'module' to the navigation. I also discovered that when I scroll-down, the navigation expands to full-page thus revealing the menu items I couldn't see. I'll try the css bit. I'm sure that will work. Thank you!!

2/5/163:55 PM

Add Reply

<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

Discussions

Add Reply

Membership Required

Remove From Your Block List

Block

Please wait...