Center Logo in header

Ask Theme Settings & Configuration Related Issues Here

Moderator: forum_m

Post Reply
hahngr
Posts: 31
Joined: August 2nd, 2016, 4:17 pm

Center Logo in header

Post by hahngr » December 26th, 2016, 7:38 pm

How to I have the right amount of space on the top and bottom of my logo on the home page? I'd like to have the logo appear flush in the middle of the blue header.

Thanks

http://www.carolinacommercialsystems.com/

support_staff
Posts: 7252
Joined: February 26th, 2015, 1:40 pm

Re: Center Logo in header

Post by support_staff » December 27th, 2016, 11:44 am

open header.php from theme folder

go to line number 35 see code

Code: Select all

col-md-6
replace it with given code

Code: Select all

col-md-8

now go to line number 47 see code

Code: Select all

col-md-6

replace it with given code

Code: Select all

col-md-4

and last insert this code into custom css

Code: Select all

.wl_rtl {
    text-right: right;
    display: inline-block !important;
}
.logo a {
    float: none !important;
    margin-right: 0 !important;
}
.wl_rtl img {
    text-align: right !important;
    display: inline-block !important;
}
.logo {
    text-align: right !important;
}

hahngr
Posts: 31
Joined: August 2nd, 2016, 4:17 pm

Re: Center Logo in header

Post by hahngr » December 29th, 2016, 7:25 pm

I did that but there is still more space on the bottom of the logo than the top

http://www.carolinacommercialsystems.com/

support_staff
Posts: 7252
Joined: February 26th, 2015, 1:40 pm

Re: Center Logo in header

Post by support_staff » December 30th, 2016, 11:12 am

insert code in custom css and change value 20 as your requirement

Code: Select all

.logo 
{
 margin-top: 20px !important;
}

hahngr
Posts: 31
Joined: August 2nd, 2016, 4:17 pm

Re: Center Logo in header

Post by hahngr » December 31st, 2016, 6:29 pm

Awesome! Thank you so much

Post Reply

Return to “Theme Settings & Configuration”