• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 2.0 Two hopefully easy 2.0 design queries

#2
Try adding this to the template extra.less:

Code:
.p-header-logo img {
margin: 0 auto !important;
}
That should work. If it doesn't let me know and I'll have a closer look. Just from viewing your site I believe that will work.

You could also add margin-left if for some reason it tries to center it directly in the middle which I don't believe it will but just letting you know. Let me know if it works.

As for the phone issue you could try something like this.

Code:
@media screen and (max-width: 768px) {
.p-header {
min-height: 250px !important;
}

.p-header-logo img {
min-width: 50% !important;
min-height: 150px !important;
margin: 30px auto 0 auto !important;
}
}
You'll have to play around with it some. The phone part might not be exact with the margin and width numbers but if you change it around you will get it to work right. Good luck!
 
Last edited: