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

XF 1.2 Header Background

Amaury

Well-known member
#1
@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.png
 

Amaury

Well-known member
#7
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.png

Thanks for the help!
 

Amaury

Well-known member
#8
@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.png Responsive 2.png
 

Amaury

Well-known member
#11
@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.png
 
Last edited: