We announce the release of Mags Pro with lots of features. View beautifuldemos

Center logo

This topic contains 3 replies, has 2 voices, and was last updated by  Theme Horse Support Team 3 months ago.

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 .col-lg-4,
    .navbar-head .navbar-ad-section {
    	-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
    	text-align: center
    }
    .navbar-head .col-lg-4 + .navbar-ad-section {
    	margin-top: 15px
    }

    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.