Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 3, 2015 at 9:25 pm #482418
    conjunktionman

    Hi there,

    Love the theme. I have been tearing my hair out trying to find a solution to my problem and should have contacted you guys sooner. Basically I need a boxed width header which sits over my content.

    The content is fulll width and I have been emulating boxed width using color sections because I need the image at the top of the page (a different image on other pages too) to be full width.

    I am trying to make it look like this header… http://granfondohincapie.com/

    I have toyed with making the page have a transparent header and colouring the menu with css which has almost worked. It looks like I am just one step away but I cant’t figure out how to fill in the central logo area. Have a look… http://cyclegrancanaria.catchfishonline.com/tour-of-gran-canaria/

    I would also need this to stay the same way when the menu sticks to the top as well.

    Please help. It would be greatly appreciated.

    Thanks

    Billy

    **EDIT** I am happy using the boxed layout but I need the header image to be full width and this doesn’t seem possible.

    August 3, 2015 at 10:37 pm #482431
    conjunktionman

    Ok I have solved some of my issue by using this css (in case anyone elase has the same problem)…

    .inner-container {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #232A47!important;
    }

    All ok but now I cant get the sticky menu to do the same.

    August 3, 2015 at 10:45 pm #482436
    conjunktionman

    Fixed with this… .header_bg {
    opacity: 0 !important;
    }

    Looks like problem solved! Although I think I may have issues by changing the overall inner container colour. Any advice?

    Thanks

    August 4, 2015 at 3:47 pm #482761
    Elliott

    Hey!

    Glad you got it sorted. I’m not really sure what area / color your referring to. Take a screenshot and highlight what your trying to do so we can get a better idea.

    Regards,
    Elliott

    August 4, 2015 at 3:56 pm #482765
    conjunktionman

    Its this area… http://prntscr.com/80q99r

    August 5, 2015 at 3:39 pm #483419
    Elliott

    Hi!

    You have not added this CSS anywhere?

    .inner-container {
  background-color: #232a47 !important;
  height: 100%;
  position: relative;
  width: 100%;
}

    Try deactivating all of your plugins.

    Or if you just want to overwrite your other CSS then add this.

    #top .inner-container { background-color: red !important; }

    Cheers!
    Elliott

    August 5, 2015 at 7:05 pm #483535
    conjunktionman

    Thanks for the help Elliott,

    I had already solved the issue with the CSS you mentioned but may try your other solution #top .inner-container { background-color: red !important; }

    Mainly because I also need to reduce the width of the footer and the blue colour is showing through.

    Thanks again

    Billy

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Boxed header with full width content’ is closed to new replies.