ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• February 5, 2015 at 2:11 pm #147547
  Wocan

  Member

  Post count: 63

  Hi Guys
  I’m trying to have a full-width header and footer (100%) filling the whole window of the browser which will overlap the boxed width setting of the page in dante.

  Essentially I’m looking to have the footer background colour run to the edge of the browser window but keep the existing width of the elements inside the footer (rather than stretch them out).

  I found this answer on another support topic but the code doesn’t seem to work as they are for other theme.

  #footer > .container {
  width: 100%;}

  Any help whatsoever is greatily appreciated.

  Cheers
  -B

  February 5, 2015 at 2:30 pm #147567
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add this to your custom css:

  .header-wrap .container {
    width: 100%;
  }
  #footer > .container {
    width: 100%;
  }

  – Kyle

  February 5, 2015 at 5:26 pm #147653
  Wocan

  Member

  Post count: 63

  …sorry no joy with the above code…
  -B

  February 6, 2015 at 4:28 pm #147895
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Due to the page container structure that is only possible if the footer is fixed.
  If you want to give it a try use the custom css below.

  
  div#footer-wrap {
  position: fixed;
  bottom: 0px;
  width: 100%;
  left: 0px;
  }

  -Rui

  February 6, 2015 at 4:46 pm #147903
  Wocan

  Member

  Post count: 63

  Hi Rui,

  It works but the footer is behind the page… how do i bring it to the front?

  i would like to do the same for the header:

  Thanks in advance
  Cheers
  -B

  February 9, 2015 at 1:41 am #148219
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  It’s in the front to me. Can you provide a screenshot of what are you seeing?

  -Rui

  February 9, 2015 at 2:27 am #148226
  Wocan

  Member

  Post count: 63

  Ja,

  …here you go.

  -B

  February 9, 2015 at 2:55 am #148228
  Wocan

  Member

  Post count: 63

  ..can you please be king enough to go to http://ecofield.ch/home/ or and scroll to the bottom of the page.

  …. the screenshot don’t show up well.

  Thanks
  -B

  February 9, 2015 at 3:04 am #148229
  Wocan

  Member

  Post count: 63

  ..the main problem is all the Text Blocks and text fields are in front of the footer.
  Thx
  -B

  February 10, 2015 at 12:40 pm #148711
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  It seems you already removed those changes. can you confirm?

  -Rui

  February 10, 2015 at 10:20 pm #148913
  Wocan

  Member

  Post count: 63

  No,
  its still the same
  The page is still in front of the footer
  _B_

  February 10, 2015 at 11:55 pm #148930
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  When I checked in the morning the site wasn’t like it is now.

  You also added widgets to the footer since the footer is fixed it creates that effect, when I provided you that css you only had the footer bar.

  You can try to erase the previous css I provided and try this one

  
  #copyright.copyright-divider {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 999999999999999999;
  }

  -Rui

  February 11, 2015 at 12:38 am #148937
  Wocan

  Member

  Post count: 63

  Hi Rui,

  ‘GREAT’
  Thanks for the css, I made a few adjustments and got it to work.
  Can you let me know how I can achieve the same in the Header?

  Thanks

  _B_

  February 11, 2015 at 6:14 pm #149151
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Great.

  Try the code below

  
  .header-wrap {
  position: fixed!important;
  top: 0px;
  z-index: 9999999!important;
  left: 0px;
  right: 0px;
  }

  -Rui

  February 17, 2015 at 11:07 pm #151065
  Wocan

  Member

  Post count: 63

  Cheers Rue.

  -B

• Back to forum

  Posted in: Dante