XF 1.2 Header Background

Amaury

Well-known member
@mistypants has been assisting me with small styling edits, which is why I haven't posted here in this forum much lately. However, I shouldn't ask her for help on everything. :)

In any case, how can I get the header background graphic within the outlined area?

Header.webp
 
Your Page Width Controller is 20px less wide than the Body. That's why.

I've made it the same as Body, and that did it. :) I also removed the radius from the top and right borders of Navigation Tabs Container and added left and right borders to the #logo class in my EXTRA.css template to take care of the little "overflowing "edges. I think that looks better.

Logo.webp

Thanks for the help!
 
@Jake Bunce

The only problem I see is that it seems to make the forum not responsive. Some areas like the member card are better, but not by much -- text still gets hidden. Is it possible to re-add responsiveness while keeping the edits I made?

Responsive 1.webp Responsive 2.webp
 
@Jake Bunce

I noticed a small side effect of using this specific width. When I over the items on the edge on the moderator bar (Reports and Admin Control Panel, respectively), the hover background kind of overflows into the HTML background.

Is there any way to fix this? Here is a screenshot (it's the green):

Hover Overflow.webp
 
Last edited:
Back
Top Bottom