badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Center logo

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #64140
    sanderedk
    Participant

    Hey,

    How do I center my logo in the newscard theme?

    Thanks!

    #64208

    Hi @sanderedk,

    To make the Site Title or Logo center then please go to the Appearance > Customizer > Additional CSS and paste below custom css code:

    .navbar-head .navbar-head-row {
    	-ms-flex-pack: center;
    	justify-content: center;
    }
    .navbar-head .col-lg-4,
    .navbar-head .navbar-ad-section {
    	-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
    	text-align: center
    }

    Thanks

    #64313
    sanderedk
    Participant

    Awesome thanks!
    Also do you know how to center the navigation menu with all texts?

    #64453

    To make navigation menu center, please go to the Appearance > Customizer > Additional CSS and again paste the below custom css code to the end after the previous code:

    @media (min-width: 992px) {
    	.navbar-main .container {
    		padding-left: 85px;
    	}
    	.main-navigation {
    		width: 100%;
    	}
    	.main-navigation .navbar-nav {
    		display: flex;
    		-ms-flex-wrap: wrap;
    		flex-wrap: wrap;
    		-ms-flex-pack: center;
    		justify-content: center;
    	} 
    	.main-navigation li {
    		-ms-flex: 0 0 auto;
    		flex: 0 0 auto;
    		width: auto;
    		max-width: 100%;
    		float: none;
    	}
    	.navbar-nav.d-lg-block {
    		display: flex !important;
    	}
    }

    Thanks

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.