travelify Logo picture not in the center

Travelify
1

Hi,
I am sorry if the subject is repeating, but I didn’t found solution.
Have problem with logo picture position in the header, it’s not in center. All logo area is align by right side (attached screenshot). Tried few commands but nothing changes for me. I need a logo picture exactly in the middle of header. Any suggestions?

2

Hi there

Hope you are having a good day and thank you for your question :slight_smile:
I need to see your live website, please provide url and i will take a look

3

Please check live - www.rustikokluonas.lt
thanks! :slight_smile:

4

hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

@media only screen and (min-width: 767px){
#site-logo {
margin-left: 0px;
}
}

Thanks!
Colorlib Support Team

5

Thank You so much, looks like perfect!
Maybe could You help to me and with mobile version? In mobile view it’s not perfect in the middle, it’s a bit on left side (this problem also was before Your last code). I attached screenshot.

6

hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

@media only screen and (max-width: 1078px){
#site-logo {
margin-left: 20px;
margin: 0;
}
}
@media only screen and (max-width: 767px){
#site-title a img {
margin: 0 auto;
display: block;
}
}

Thanks!
Colorlib Support Team

7

Hi,
With this command lines mobile view still working not perfect (attached image)

8

Hello there,

I hope you are doing well today.

Please try using this CSS to spread the image:


@media only screen and (max-width: 1078px)
#site-logo {
    width: 100%;
}

Best Regards,
Support

9

Nothing has changed. Same mobile view.

10

Good evening

Please try this css:

@media only screen and (max-width: 1078px){
#site-logo {
width: 100%;
}
}

11

Hi again,
Sorry, but all codes are not working for me. Mobile view still align by left side.
And one more note for desktop view. I noticed that adding more social icones in header right side, my logo is going to a bit to left side. Now is only one Facebook icone, but I want to add more.

I use this Your code:

@media only screen and (min-width: 767px){
#site-logo {
margin-left: 0px;
}
}

12

Howdy :slight_smile:

This should help now :slight_smile:

@media only screen and (max-width: 1078px){
#site-title a img {
margin: 0 auto;
}
#site-logo {
float: none;
}
}

13

I am similarly trying to make the header logo fill the entire header area, without surrounding white space. I tried margin:0 width:100% as you suggested with modzius, but it doesn’t fix things. I want the logo to meet the menu header bar, and be the same width.

14

Hi @johnfoundations

I need your website url to generate custom css for you