Okay
  Public Ticket #218886
Boxed layout - Header overhang
Closed

Comments

  • See2it started the conversation

    Hi ThemeNectar,

    I am using a boxed layout in theme version 4.1. The right side of the header is extending past the rest of the container. I will post the url below. Please help.

    Thanks,

    Chris

  •   See2it replied privately
  •  1,070
    ThemeNectar replied

    Hey See2it, your custom css:

     
    #boxed {
        width: 980px !important;
    }
    

    is what's causing it - if you want to make the boxed container smaller you'll need to also target these:

    #boxed #header-outer, #boxed #header-secondary-outer, #boxed #page-header-bg[data-parallax="1"]

    Cheers


  • See2it replied

    Hi Nectar,

    It didn't work.

    I don't want a smaller boxed width. I had been playing around with things to see if I could fix it on my own but obviously have no idea what I'm doing :). I have removed that code from the custom css but nothing changed. Even when I remove all of the custom css the overhang is still there. The issue occurred when I upgraded from 4.0.3 to 4.1. 

    Thanks,

    Chris

  •  8,839
    Tahir replied

    Hey Chris!

    I just tested in Chrome and Firefox and it seems to be alright now . Can you please confirm if you got this sorted . 

    Thanks


    ThemeNectar Support Team 

  • See2it replied

    Hi Tahir,

    I've checked Chrome and Firefox on both my desktop and laptop and am still having the same issue. As the page is loading, the header is within the container then, as soon as it finishes loading, the header pops out on the right. It also seems to be happening intermittently in Explorer. Not sure what the issue is?

    Chris

  •   See2it replied privately
  • See2it replied

    Hi Tahir,

    Just updated to 4.1.1. Problem solved.

    Thanks,

    Chris