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: Flexform
• April 27, 2013 at 6:41 am #3121
  tasoskouk

  Member

  Post count: 148

  i have setup a logo of 1920px width and although i have set right dimensions in theme panel & custom css…

  … it dsplays in 1200px (theme content width) width instead of 1920px…

  check here http://tasoskoukouvitis.com/flexform3/page-1/

  custom css used is :

  /* Full width logo code */

  #logo {width: 100% !important;}

  #logo img, #logo img.retina {margin: 0 auto;}

  #logo.span3 {width: 1920px;}

  t.

  April 28, 2013 at 12:11 pm #3217
  Cosmin – SUPPORT

  Member

  Post count: 3851

  Hi,

  The logo container is coded inside the theme layout wrapper, so it cannot exceed the theme width. You would need to custom code your own area in header.php, but I don’t advise that, because:

  – setting it like that will not be displayed the same for everyone and it will appear broken for most people. You will also need to add custom CSS for mobile users. Most people don’t have 1920px displays, check your analytics and you will see 🙂

  – changes made to theme files directly, will be lost when updating the theme (you would need to use the child theme for such edits).

  Regards,

  ————————————————————————————————————

  Cosmin
  Support Assistant

  April 28, 2013 at 7:08 pm #3254
  tasoskouk

  Member

  Post count: 148

  hey dear Cosmin,

  how can the page header & all sections be full width (with the cover option as well) and the logo/menu header cannot ???

  this is not helpful at all … please tag Ed on this…

  in such a great theme with full width page headers & sections theme header & footer should also have the full width option ! please do it in an update… its a matter of functionality, convenience, elegance & symmerty !!!

  tasos

  April 29, 2013 at 3:48 pm #3304
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi Tasos,

  The #header-section, and #footer elements are full width, however for the responsiveness and layout, the logo/menu, and the contents of the footer are within the bootstrap container.

  You’d want to add this:

  #header-section .container {
  width: 100%;
  }
  

  To override the bootstrap width for the container within the header. Maybe set a max-width of 1920px too.

  Hope that helps.

  – Ed

  April 29, 2013 at 5:04 pm #3308
  tasoskouk

  Member

  Post count: 148

  Thx Ed !…

  …but now (that i set header container to 100%)  i get horiz. scrollbars… which is not right… why?

  … would i also get scrollbars if i set an 1920px image in an section bg asset ?

  thx!

  April 30, 2013 at 12:14 pm #3405
  Cosmin – SUPPORT

  Member

  Post count: 3851

  With the default theme functionality, you would not get scrollbars if you add a 1920px background asset.

  Regards,

  ————————————————————————————————————

  Cosmin
  Support Assistant

• Back to forum

  Posted in: Flexform