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

XF 1.1 My header & node icons broke

Discussion in 'XenForo Questions and Support' started by Tott3, Sep 18, 2012.

  1. Tott3

    Tott3 Active Member

    Hopefully this is the right forum for this.

    For some reason my header broke. Like this: http://www.obsessed-gaming.com/forum/

    It's only when browsing the forum and nothing else. I haven't really done anything on the site, it just appeared for some strange reason. Also my node icons has gone all orange for some reason, I have checked the node icon style property and they're all set to transparent. I'm not very good at these things so any help is appreciated.

    Thanks in advance / Totte
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    I have seen this problem with Flexile before. I don't remember how to fix it, and the solution isn't obvious to me looking at your style. It's probably an issue with your CSS or style properties. Did you change anything before this started happening?
     
  3. Tott3

    Tott3 Active Member

    Nope, I've barely been on my site for the past couple of weeks, went to looks something up the other day and it was like this. :/
     
  4. Arty

    Arty Well-Known Member

    Add this to header property:
    Code:
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
     
    Jake Bunce likes this.
  5. Tott3

    Tott3 Active Member

    Sorry, where exactly? As said, I'm fairly new to this and not very good with this stuff :p
     
  6. Arty

    Arty Well-Known Member

    admin control panel -> styles -> templates -> header.css. Find #header rule that should be at the beginning of file and add those css rules.
     
  7. Tott3

    Tott3 Active Member

    I added it in this one. If I added it right below #header nothing happened.

    Code:
    {
        @property "header";
        background: @primaryMedium_alt url('@imagePath/xenforo/gradients/main-bar-gradient.png') repeat-x top;
        @property "/header";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    }
    Now it's on top but there's an orange line below the menu bar and the black admin area thingie at the top disappears when browsing the forum. Like so (I marked the areas with red):

    [​IMG]
     
  8. Arty

    Arty Well-Known Member

    Oh, right. header's css is not a problem, its position in dom tree is. Undo those changes.

    There is an extra </div> in your code causing that problem. Looks like its in "Steam Group Stats" section of sidebar
     
    Jake Bunce likes this.
  9. Tott3

    Tott3 Active Member

    Alright, I'll uninstall it then and see if it makes any different :p Rebuilding stuff atm, takes some time.
     
  10. Tott3

    Tott3 Active Member

    Worked wonders! Thanks a bunch! <3

    Can you change the forum topic name to solved somewhere on this forum? So others won't go here and waste their time. ^^

    Oh yeah, any clue why my node icons are just orange? :/ Should be transparent orange bubbles..
     
  11. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Check the properties:

    Admin CP -> Appearance -> Style Properties -> Node Icons

    Also try reverting this template:

    Admin CP -> Appearance -> Templates -> node_list.css
     
  12. Tott3

    Tott3 Active Member

    Looks like it should (I think). And I can't find the revert button :p
    [​IMG]
     
  13. Arty

    Arty Well-Known Member

    "Reset" check box in top right corner
     
  14. Tott3

    Tott3 Active Member

    Edit: Nvm, found it. Nothing happens when I reset it, it's basically the same.
     
  15. Arty

    Arty Well-Known Member

    Did you reset other properties as well? I mean "node icon: forum", "node icon: unread forum" and other properties in this group.
     
  16. Tott3

    Tott3 Active Member

    Yes, all of them.
     
  17. Arty

    Arty Well-Known Member

    Strange. Try resetting node_list.css template, but make backup of it before resetting in case if it will break some stuff.
     
  18. Tott3

    Tott3 Active Member

    My node_list.css however does not have a reset button, unless it's very well hidden. o_O
     
  19. Arty

    Arty Well-Known Member

    That doesn't make any sense. Can you create a temporary admin account and pm me details, so I could check that problem?

    edit: fixed, node_list.css had invalid entries for node icons.
     
    Jake Bunce likes this.
  20. Tott3

    Tott3 Active Member

    Arty fixed that issue, thanks. Now I got this other issue if someone could help me with that. My "Home" tab does not highlight nor shows "sub-links" as intended :/ When you're browsing "home" it's supposed to show "Recent Activity, What's new? & Help" below the button if I'm not mistaken and the button should highlight as the rest of the buttons do if you "hit them".
     

Share This Page