Make header full width

  • yoshimitsu1234

    (@yoshimitsu1234)


    9 years, 10 months ago

    My website has fixed width of 1280px.
    Due to this even header and footer are fixed to size of 1280px.
    I want to make both header and footer of my site to fit the width of the screen. When i try to add css width 100% or auto nothing happens.
    Is there any way i could increase width of the header and footer of my sites to fit the screens and keep content width to 1280px only?

Viewing 4 replies - 1 through 4 (of 4 total)
  • ErnestClose

    (@ernestclose)

    9 years, 10 months ago

    Hi yoshimitsu, have you got a link so I may take a look at it?

    kmessinger

    (@kmessinger)

    9 years, 10 months ago

    Try setting .inner-wrap width to auto.

    Thread Starter yoshimitsu1234

    (@yoshimitsu1234)

    9 years, 10 months ago

    Desimedicos.com is my site.
    Inner wrap auto doesn’t work.

    Creatrix

    (@chrisl_57)

    9 years, 10 months ago

    At the moment all of the content of your page (including the header, main content and footer) are in the “inner-wrap” div, which as you see has a set width of 1280px.

    To make the header and footer expand full width you’ll need to move the header and footer out of this div. It will then automatically expand to 100% width.

    I’d recommend creating a child theme if you haven’t already done so.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Make header full width’ is closed to new replies.