Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1088080
    jsjmccracken
    Participant

    Hello,

    on http://www.tablerockkennels.com/ when I shrink down to mobile view the topbar text goes into the navbar. How can I get spacing between the topbar text and the navbar when in mobile view?

    Thank you,

    Jacob McCracken

    #1088312
    Friech
    Moderator

    Hi Jacob,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    @media (max-width:  767px) {
    	.x-topbar .p-info {
    		margin-bottom: 0;
    		padding-bottom: 0;
    	}
    }

    Hope it helps, Cheers!

    #1088596
    jsjmccracken
    Participant

    Thank you! Now the three toggle bars are going into the logo on the navbar when in mobile view. It is not responding like it should. How would you move that down and make it smaller?

    #1089118
    Jade
    Moderator

    Hi there,

    Please add this code:

    @media (max-width: 480px) {
        .x-btn-navbar, .x-btn-navbar.collapsed {
            margin: 0 auto;
            float: none;
            font-size: 20px;
            width: 45px;
            display: block;
            clear: both;
        }
    
        .x-navbar-inner {
            text-align: center
        }
    }

    Hope this helps.

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