XF 2.0 Two hopefully easy 2.0 design queries

[shabbadoof]

Hi there

I've upgraded my forum tonight to 2.0

https://www.themoneyshed.co.uk

However I have 2 oddities I need sorting ideally.

1) The logo doesn't seem to be centered.

2) When I look at the logo on my iphone I can barely see it!

Is there any way I can fix these issues?

Thanks

 

[Brad Padgett]

Try adding this to the template extra.less:

.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.

@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!