XF 2.2 Centering Header Background on Mobile

[YamahaMT]

Can someone please help with this? Just need the header background to be centered on mobile. My website is yamahamtforum.com

Installed an upgraded theme and didnt backup my extra.less code.

 

[Paul B]

What do you mean by centered?

I don't see any margins either side at all screen widths.

Do you mean you want it to shrink to fit the width?

Typically you should post in the style thread for any assistance with it, as we have no knowledge of the CSS or style properties used for third party styles.

 

[YamahaMT]

Got it! Understood for next time.

I remember that in my last extra.less code, I was able to shrink to fit the header background on mobile and also turn of the gradient of the header bar.

 

[Paul B]

Yes, it's still possible to use the extra.less template for customising, but it's worth reporting to the style author if it's not doing something it should naturally.

 

[YamahaMT]

Yes, it's still possible to use the extra.less template for customising, but it's worth reporting to the style author if it's not doing something it should naturally.

Yes, they aren't that responsive and I was able to fix this previously through the extra.less

Hopefully someone knows the write coding for it.

 

[bzcomputers]

This looks like it will work well with your current background image...

@media all and (max-width: 900px) {
    .p-guest--message {
        background-position: center;
    }
}

 

[YamahaMT]

This looks like it will work well with your current background image...

@media all and (max-width: 900px) {
    .p-guest--message {
        background-position: center;
    }
}

It worked! Thank you!